在Prestashop partial (product.tpl)中插入动态谷歌图表

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<div id="chart_div"></div>

<script type="text/javascript">
  google.charts.load('current', {'packages':['corechart']});
  google.charts.setOnLoadCallback(drawChart);

  function drawChart() {
    var price = {$product.price};
    var stock = {$product.quantity};

    var data = google.visualization.arrayToDataTable([
      ['Metric', 'Value'],
      ['Price', price],
      ['Stock', stock]
    ]);

    var options = {
      title: 'Product Information',
      bars: 'vertical'
    };

    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
</script>