永发信息网

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'
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯