我需要在prestashop页面上绘制一个特定时间内一系列产品的销售价格的图表,我只能静态插入该图表,在product.tpl中手工输入数组中的数据:
{文字}
<script type = "text / javascript">
google.charts.load ('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback (drawChart);
function drawChart () {
var data = new google.visualization.DataTable ();
data.addColumn ('date', 'Date');
data.addColumn ('number', 'Price');
data.addRows ([
[new Date (5,15,2020), 10], [new Date (7,15,2020), 20],
[new Date (9,25,2020), 30]
]);
var options = {
hAxis: {
title: 'Date'
},
vAxis: {
title: 'Price'
},
lineWidth: 2,
pointSize: 8,
};
var chart = new google.visualization.LineChart (document.getElementById ('chart_div'));
chart.draw (data, options);
}
</script>
{/literal}
我想得到任何一个产品的动态图,得到产品id并从sqldb返回数据。
感谢您的帮助:)
1条答案
按热度按时间r3i60tvu1#
考虑创建一个模块来实现“prestashop的方式”。
请参阅入门,实现目标的最快方法是从可以使用prestashop模块生成器构建的基本模块开始。
您可以使用产品页面中的一个钩子来显示图表内容,这样您就可以轻松地在模块php类中获取产品数据,并将它们分配给图表的js变量。