echarts的toolbox自定义icon feature

最新推荐文章于 2024-06-06 13:20:02 发布

林强181

最新推荐文章于 2024-06-06 13:20:02 发布

阅读量486

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qlin_11/article/details/131397520

版权

{
    toolbox: {
        feature: {
            myTool1: {
                show: true,
                title: '自定义扩展方法1',
                icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',
                onclick: function (){
                    alert('myToolHandler1')
                }
            },
            myTool2: {
                show: true,
                title: '自定义扩展方法',
                icon: 'image://http://echarts.baidu.com/images/favicon.png',
                onclick: function (){
                    alert('myToolHandler2')
                }
            }
        }
    }
}

path:// 后面是svg的 path的d的值，更换即可。

<svg t="1687761711590" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9061" width="16" height="16">
<path d="M995.8 422.9H28.2C14.8 422.9 4 412 4 398.7s10.8-24.2 24.2-24.2h910.4l-269-277.1c-9.3-9.6-9.1-24.9 0.5-34.2 9.6-9.3 24.9-9.1 34.2 0.5l308.9 318.2c6.8 7 8.7 17.3 4.9 26.3-3.8 8.8-12.6 14.7-22.3 14.7z m-641.9 546c9.6-9.3 9.8-24.6 0.5-34.2l-269-277.1h910.4c13.4 0 24.2-10.8 24.2-24.2 0-13.4-10.8-24.2-24.2-24.2H28.2c-9.7 0-18.5 5.8-22.3 14.8-3.8 9-1.9 19.3 4.9 26.3l308.9 318.2c4.7 4.9 11 7.3 17.4 7.3 6.1-0.1 12.1-2.4 16.8-6.9z" fill="#8a8a8a" p-id="9062">
</path>
</svg>