echart中的myTool工具栏自定义方法下载图表svg图片

原创

已于 2022-11-04 17:29:58 修改 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #echarts #前端

于 2022-11-04 17:27:34 首次发布

本文介绍如何使用 ECharts 自定义工具栏实现下载 SVG 图表功能，包括修改图标、编写点击事件以及设置渲染方式。

echart中的myTool工具栏自定义方法下载图表svg图片

1、在toolbox中的myTool里写：

myTool: {
   
   
              //自定义方法 配置  下载svg图片
              show: true,
              title: "下载svg图片",
              icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919

最低0.47元/天解锁文章