使用canvas.js

时间:2018-01-05 01:11:00

标签: javascript canvas charts

我最近才开始使用canvas.js,我正在尝试创建一个包含多个图表的页面,所以我首先尝试使用此示例。 https://canvasjs.com/samples/dashboards/annual-sales/

所以现在我希望能够逐个获取图表的图像,并且在执行此操作时遇到了一个名为Uncaught TypeError: productsRevenuePieChart.exportChart2 is not a function的错误。对于第一个图表,我能够导出它,但是当我尝试为第二个图表执行此错误时,会出现此错误。有人可以帮助我吗?非常感谢

导出部分是给出错误的部分:

//chart data information

        productsRevenuePieChart.render();
        document.getElementById("exportChart2").addEventListener("click",function(){
      productsRevenuePieChart.exportChart2({format: "jpg"});
    });  

 //more chart data information, this part works
   ordersSplineChart.render();
    document.getElementById("exportChart").addEventListener("click",function(){
  ordersSplineChart.exportChart({format: "jpg"});
});  

//button used
  <button id="exportChart2">Export Chart</button>
  <button id="exportChart">Export Chart</button>

1 个答案:

答案 0 :(得分:2)

CanvasJS https://canvasjs.com/docs/charts/methods/chart/export-chart/中没有exportChart2方法。根据它的外观,你只需要从exportChart2()中删除2。