ECharts toolbox 是 ECharts 提供的一个工具箱,包含了一系
▥前端
𝄐 0
echarts导出为图片,echarts导出png,echarts图表导出,echarts图片下载,echarts导出gif,echarts引入图片
ECharts toolbox 是 ECharts 提供的一个工具箱,包含了一系列常用的图表操作功能,例如数据视图、缩放、刷新等。其中,导出图片的功能可以让用户将当前图表导出为图片格式。
在 ECharts 中,可以通过 toolbox.feature.saveAsImage 配置项来开启导出图片功能,并通过 toolbox.icon.saveAsImage 配置项来设置导出图片按钮的图标样式。
以下是一个简单的例子:
javascript
option = {
// ... 其他配置项
toolbox: {
feature: {
saveAsImage: {} // 开启导出图片功能
},
icon: {
saveAsImage: 'path/to/saveAsImage.png' // 设置导出图片按钮的图标样式
}
},
// ... 其他配置项
};
在上述代码中,saveAsImage 对象分别作为 feature 和 icon 属性的子属性进行配置。其中,feature 对象表示工具箱的功能列表,而 icon 对象表示各个功能按钮的图标样式。
在 icon 对象中,我们使用了 path/to/saveAsImage.png 这样的字符串来指定导出图片按钮的图标样式。这里需要注意的是,这个路径应该是相对于 ECharts 实例所在的 HTML 页面的路径。
当用户点击导出图片按钮时,ECharts 会自动将当前图表导出为图片并提供下载链接或显示图片预览窗口。
ECharts toolbox 是 ECharts 提供的一个工具箱,包含了一系列常用的图表操作功能,例如数据视图、缩放、刷新等。其中,导出图片的功能可以让用户将当前图表导出为图片格式。
在 ECharts 中,可以通过 toolbox.feature.saveAsImage 配置项来开启导出图片功能,并通过 toolbox.icon.saveAsImage 配置项来设置导出图片按钮的图标样式。
以下是一个简单的例子:
javascript
option = {
// ... 其他配置项
toolbox: {
feature: {
saveAsImage: {} // 开启导出图片功能
},
icon: {
saveAsImage: 'path/to/saveAsImage.png' // 设置导出图片按钮的图标样式
}
},
// ... 其他配置项
};
在上述代码中,saveAsImage 对象分别作为 feature 和 icon 属性的子属性进行配置。其中,feature 对象表示工具箱的功能列表,而 icon 对象表示各个功能按钮的图标样式。
在 icon 对象中,我们使用了 path/to/saveAsImage.png 这样的字符串来指定导出图片按钮的图标样式。这里需要注意的是,这个路径应该是相对于 ECharts 实例所在的 HTML 页面的路径。
当用户点击导出图片按钮时,ECharts 会自动将当前图表导出为图片并提供下载链接或显示图片预览窗口。
本文地址:
/show-278029.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。