在 Prestashop 部分product.tpl中插入动态谷歌图表

问题描述

我需要在某个时间在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,20],[new Date (9,25,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 返回数据。

感谢您的帮助:)

解决方法

考虑创建一个模块来实现“Prestashop 的方式”。

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

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