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