在prestashop partial(product.tpl)中插入动态google图表

8oomwypt  于 2021-06-15  发布在  Mysql
关注(0)|答案(1)|浏览(330)

我需要在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返回数据。
感谢您的帮助:)

r3i60tvu

r3i60tvu1#

考虑创建一个模块来实现“prestashop的方式”。
请参阅入门,实现目标的最快方法是从可以使用prestashop模块生成器构建的基本模块开始。
您可以使用产品页面中的一个钩子来显示图表内容,这样您就可以轻松地在模块php类中获取产品数据,并将它们分配给图表的js变量。

相关问题