echarts自定义myTool的icon引入图片写法icon: (‘image://‘+require(‘../../assets/icons/svg/add.png‘)),

toolbox: { //可视化的工具箱

show: true,

itemSize :15,

right:'1%',

iconStyle: {

//borderColor: '#4a9722'

},

feature: {

// dataView: { //数据视图

// show: true,

// },

myTool: { //自定义方法 配置 我这是为了实现 饼图切换为柱状图

show: true,

title: '放大',

icon: ('image://'+require('../../assets/icons/svg/add.png')),

onclick: (e) => {

debugger

this.enlarge();

},

itemSize :18,

},

myTool2: { //自定义方法 配置 我这是为了实现 饼图切换为柱状图

show: true,

title: '缩小',

icon: 'path://M830.08 554.794667a18.901333 18.901333 0 0 0-22.058667 15.402666 322.901333 322.901333 0 0 1-318.464 266.410667c-178.389333 0-323.498667-145.109333-323.498666-323.498667a323.413333 323.413333 0 0 1 591.701333-180.906666 319.829333 319.829333 0 0 1 50.261333 123.818666 19.072 19.072 0 0 0 37.461334-6.656A356.949333 356.949333 0 0 0 789.333333 310.912a361.301333 361.301333 0 0 0-299.733333-159.36A361.429333 361.429333 0 0 0 128 513.109333c0 199.381333 162.218667 361.557333 361.557333 361.557334a360.874667 360.874667 0 0 0 355.925334-297.770667 19.029333 19.029333 0 0 0-15.36-22.101333 M284.16 512a20.138667 20.138667 0 0 0 0 40.277333H720.213333a20.138667 20.138667 0 0 0 0-40.277333H284.16z',

onclick: (e) => {

debugger

this.narrow();

},

},

dataZoom: { //数据缩放视图

show: true

},

saveAsImage: {//保存图片

show: true

},

magicType: {//动态类型切换

type: [, 'line', 'bar']

},

// myTool1: {

// show: true,

// title: "还原",

// icon:"path://M512 981.333333c-209.866667 0-396.693333-126.026667-466.293333-314.08a35.52 35.52 0 0 1 23.626666-44.426666 38.613333 38.613333 0 0 1 48 20.693333c58.666667 158.933333 217.013333 265.493333 394.666667 265.6s336-106.666667 394.666667-266.133333a37.6 37.6 0 0 1 28.853333-23.626667 38.986667 38.986667 0 0 1 35.786667 11.946667 34.773333 34.773333 0 0 1 7.146666 35.36c-69.386667 188.373333-256.48 314.666667-466.453333 314.666666z m431.36-574.08a37.92 37.92 0 0 1-35.946667-24.266666C849.386667 222.56 690.613333 114.88 512 114.72S174.72 222.346667 116.746667 382.773333A38.72 38.72 0 0 1 69.333333 403.733333a35.786667 35.786667 0 0 1-24.106666-44.373333C113.333333 169.866667 301.013333 42.666667 512 42.666667s398.666667 127.306667 467.146667 316.96a34.56 34.56 0 0 1-4.906667 32.64 38.933333 38.933333 0 0 1-30.88 14.986666z",

// onclick: () => {

// this.dataZoomStart = this.dataZoomStart+this.DValue,

// this.dataZoomEnd = this.dataZoomEnd -this.DValue,

// //放大纵轴(数据库查初始值,每次加)

// this.myChart.dispatchAction({

// type: 'dataZoom',

// // 可选,dataZoom 组件的 index,多个 dataZoom 组件时有用,默认为 0

// dataZoomIndex: 1,

// // 开始位置的数值

// startValue: this.dataZoomStart,

// // 结束位置的数值

// endValue: this.dataZoomEnd

// })

// },

// },

}

},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值