echarts 如何扩展自定义属性
答案:2 悬赏:40 手机版
解决时间 2021-01-03 23:24
- 提问者网友:我们很暧昧
- 2021-01-03 16:31
一般在series.data中最常用的属性有name和value,可是我希望在图形响应click事件时,或者该data对应的一个唯一id属性值,如果设置该自定义的属性并且在响应click事件时获取该属性值?
最佳答案
- 五星知识达人网友:玩家
- 2021-01-03 16:58
给你两种方案 通过附加属性实现 使用自定义控件,继承Button,在自定义控件中添加Selected属性。
全部回答
- 1楼网友:荒野風
- 2021-01-03 17:25
图片中红色框起来的按钮
2、代码
[javascript] view plain copy
selfbuttons:{//自定义按钮 danielinbiti,这里增加,selfbuttons可以随便取名字
show:true,//是否显示
title:'自定义', //鼠标移动上去显示的文字
icon:'test.png', //图标
option:{},
onclick:function(option1) {//点击事件,这里的option1是chart的option信息
alert('1');//这里可以加入自己的处理代码,切换不同的图形
}
}
在toolbox中的位置
[javascript] view plain copy
toolbox: {
show : true,
feature : {
mark : {show: true},
dataview : {show: true, readonly: false},
magictype : {show: true, type: ['line', 'bar']},
restore : {show: true},
selfbuttons:{//自定义按钮 danielinbiti,这里增加,selfbuttons可以随便取名字
show:true,//是否显示
title:'自定义', //鼠标移动上去显示的文字
icon:'test.png', //图标
option:{},
onclick:function(option1) {//点击事件,这里的option1是chart的option信息
alert('1');//这里可以加入自己的处理代码,切换不同的图形
}
},
saveasimage : {show: true}
}
}
当然,内置了很多图标,这些图标都是画出来的。
[javascript] view plain copy
iconlibrary: {
mark: _iconmark,
markundo: _iconmarkundo,
markclear: _iconmarkclear,
datazoom: _icondatazoom,
datazoomreset: _icondatazoomreset,
restore: _iconrestore,
linechart: _iconlinechart,
barchart: _iconbarchart,
piechart: _iconpiechart,
funnelchart: _iconfunnelchart,
forcechart: _iconforcechart,
chordchart: _iconchordchart,
stackchart: _iconstackchart,
tiledchart: _icontiledchart,
dataview: _icondataview,
saveasimage: _iconsave,
cross: _iconcross,
circle: _iconcircle,
rectangle: _iconrectangle,
triangle: _icontriangle,
diamond: _icondiamond,
arrow: _iconarrow,
star: _iconstar,
heart: _iconheart,
droplet: _icondroplet,
pin: _iconpin,
image: _iconimage
}
带chart后缀的都放在magictype的type中,同时后缀chart不用,程序里会自动拼接,比如linechart,写'line'
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯