echarts toolbox 圖檔自定義隐藏區域縮放按鈕并添加自定義按鈕

 toolbox: { //可視化的工具箱
                show: true,
                feature: {
                    mark: {
                        show: true,
                       // icon: 'image:///Content/image/cutIcon.png',
                    },
                    //dataView: { //資料視圖
                    //    show: false
                    //},
                  
                    dataZoom: { //資料縮放視圖
                        show: true,
                        icon: {
                            zoom:'image:///Content/image/cutIcon.png',
                            back: 'image:///Content/image/retractIcon.png'
                        },
                    },
                    restore: { //重置
                        show: true,
                        icon: 'image:///Content/image/refreshIcon.png',
                    },
                    saveAsImage: {//儲存圖檔
                        show: true,
                        icon: 'image:///Content/image/uploadIcon.png',//項目本地圖檔 image://
                    },
                    //magicType: {//動态類型切換
                    //    type: ['bar', 'line']
                    //}
                }
            },
           

注意點：icon的設定需要通過'image://url'設定為圖檔，其中 URL 為圖檔的連結，或者dataURI。

(1)、URL 為圖檔連結例如：'image://http://xxx.xxx.xxx/a/b.png'

(2)、URL 為dataURI例如：

'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'

(3)、通過'path://'将圖示設定為任意的矢量路徑

'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z'

(4)、注意點：項目本地圖檔可以采用

'image:///images/selecticon.png'

如果是url的話，路徑前必須添加上“image://“

————————————————

版權聲明：本文為CSDN部落客「孤注一智」的原創文章，遵循CC 4.0 BY-SA版權協定，轉載請附上原文出處連結及本聲明。

原文連結：https://blog.csdn.net/weixin_36485371/article/details/113031376