如何给echarts图表添加下载图表成图片的功能
1、先打开一个现成的图表效果图,注意图中圈出的地方,如图
2、打开源码找到option,如下:
var chart2 = echarts.init(document.getElementById('chart2'));
var chart2_option = {
tooltip: {
trigger: 'axis'
},
legend: {
data: [flow_title],
selected: {
flow_title: true,
}
},
toolbox: {
show: true,
feature: {
mark: {show: true},
}
},
3、在option下添加toolbox,在feature中添加saveAsImage,这就是下载的功能,,如下:
var chart2 = echarts.init(document.getElementById('chart2'));
var chart2_option = {
tooltip: {
trigger: 'axis'
},
legend: {
data: [flow_title],
selected: {
flow_title: true,
}
},
toolbox: {
show: true,
feature: {
mark: {show: true},
saveAsImage: {show: true},
}
},
4、再次打开图表界面这时会发现右上角多了下载的功能了,点击下载就把把图表下载下来了,如图