📅  最后修改于: 2023-12-03 15:16:52.324000             🧑  作者: Mango
jQWidgets jqxChart是一个强大的JavaScript图表库,可以帮助您轻松地创建复杂的图表和数据可视化。其中的saveAsPNG()方法使得将图表保存成PNG格式变得非常方便。
saveAsPNG()方法用于将图表以PNG格式保存到本地计算机。
$("#chart").jqxChart('saveAsPNG', 'chart.png');
其中,chart
为jQWidgets jqxChart对象实例的名称,chart.png
为保存的文件名。
该方法有两个参数:
outputName
:要保存的PNG文件名。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图表和数据可视化的不二之选。