如何解决PrestaShop图表显示问题？使用prestashop/graphnvd3可以提升你的数据可视化效果

<code>composer require prestashop/graphnvd3</code>

<code>// 在你的PrestaShop模板中添加以下代码
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.6/nv.d3.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.6/nv.d3.min.css" rel="stylesheet">

<div id="chart"></div>

<script>
nv.addGraph(function() {
  var chart = nv.models.lineChart()
                .margin({left: 100})
                .useInteractiveGuideline(true);

  chart.xAxis
      .axisLabel('Time (ms)')
      .tickFormat(d3.format(',r'));

  chart.yAxis
      .axisLabel('Voltage (v)')
      .tickFormat(d3.format('.02f'));

  d3.select('#chart svg')
      .datum(data())
    .transition().duration(500)
      .call(chart);

  nv.utils.windowResize(chart.update);

  return chart;
});

function data() {
  return [
    {
      values: [
        {x: 0, y: 0},
        {x: 1, y: 1},
        {x: 2, y: 4},
        {x: 3, y: 9},
        {x: 4, y: 16}
      ],
      key: 'Series 1',
      color: '#ff7f0e'
    }
  ];
}
</script></code>