📜  jQWidgets jqxChart saveAsPNG() 方法(1)

📅  最后修改于: 2023-12-03 15:16:52.324000             🧑  作者: Mango

jQWidgets jqxChart saveAsPNG() 方法

jQWidgets jqxChart是一个强大的JavaScript图表库,可以帮助您轻松地创建复杂的图表和数据可视化。其中的saveAsPNG()方法使得将图表保存成PNG格式变得非常方便。

方法说明

saveAsPNG()方法用于将图表以PNG格式保存到本地计算机。

方法语法
$("#chart").jqxChart('saveAsPNG', 'chart.png');

其中,chart为jQWidgets jqxChart对象实例的名称,chart.png为保存的文件名。

方法参数

该方法有两个参数:

  1. outputName:要保存的PNG文件名。
  2. callback:保存完成后要执行的回调函数。
使用示例
$("#chart").jqxChart({
   title: "Monthly Visitors",
   description: "Monthly visitors to my website",
   enableAnimations: true,
   showLegend: true,
   padding: { left: 10, top: 5, right: 10, bottom: 5 },
   titlePadding: { left: 50, top: 0, right: 0, bottom: 10 },
   backgroundColor: 'transparent',
   source: [
       { Month: "Jan", Visitors: 1000 },
       { Month: "Feb", Visitors: 2100 },
       { Month: "Mar", Visitors: 1200 },
       { Month: "Apr", Visitors: 2350 },
       { Month: "May", Visitors: 1400 },
       { Month: "Jun", Visitors: 5000 },
       { Month: "Jul", Visitors: 3500 },
       { Month: "Aug", Visitors: 3900 },
       { Month: "Sep", Visitors: 3200 },
       { Month: "Oct", Visitors: 2200 },
       { Month: "Nov", Visitors: 3900 },
       { Month: "Dec", Visitors: 4600 }
   ],
   xAxis: {
       dataField: 'Month',
       showTickMarks: true,
       tickMarksInterval: 1,
       tickMarksColor: '#FFFFFF',
       unitInterval: 1,
       gridLines: {
           visible: true,
           interval: 1,
           color: '#FFFFFF',
           dashStyle: '2,2'
       }
   },
   yAxis: {
       dataField: 'Visitors',
       showTickMarks: true,
       tickMarksInterval: 500,
       tickMarksColor: '#FFFFFF',
       unitInterval: 1000,
       gridLines: {
           visible: true,
           color: '#FFFFFF',
           dashStyle: '2,2'
       }
   },
   seriesGroups: [
       {
           type: 'line',
           series: [
               { dataField: 'Visitors', displayText: 'Visitors', lineWidth: 2 }
           ]
       }
   ]
});

// 保存为PNG格式
$("#chart").jqxChart('saveAsPNG', 'chart.png');
总结

jQWidgets jqxChart中的saveAsPNG()方法让图表保存为PNG格式变得非常简单。结合其他强大的功能,jQWidgets jqxChart是开发JavaScript图表和数据可视化的不二之选。