0

我需要在某个时间在 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>

{/文字}

图像

我希望获得任何产品的动态图，该产品获取 product_id 并从 sql db 返回数据。

谢谢您的帮助 ：）

4

1 回答 1

1

考虑创建一个模块来做到这一点“Prestashop 的方式”。

请参阅入门，实现目标的最快方法是从您可以使用 Prestashop 模块生成器构建的基本模块开始。

您可以使用在产品页面中可以找到的钩子之一来显示图表内容，这样您就可以轻松地在模块 PHP 类中获取产品数据并将它们分配给图表的 JS 变量。

于 2020-12-30T17:28:02.240 回答