ehcarts之图标添加点击事件
应需求要个一个图标添加点击事件(如有一个条形图,点击某个图形能够获取该图形的数据或者改变图标之类的功能)
借用echarts自带的例子实验
图表部分js代码:
var myChart = echarts.init(document.getElementById("main")); //绑定事件 myChart.on("click", function (param) { alert(param.dataIndex) }) var option={ tooltip : { trigger: "axis" }, legend: { data:["蒸发量","降水量"] }, toolbox: { show : true, feature : { mark : {show: true}, dataView : {show: true, readOnly: false}, magicType : {show: true, type: ["line", "bar"]}, restore : {show: true}, saveAsImage : {show: true} } }, calculable : true, xAxis : [ { type : "category", data : ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"] } ], yAxis : [ { type : "value", splitArea : {show : true} } ], series : [ { name:"蒸发量", type:"bar", data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3] }, { name:"降水量", type:"bar", data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] } ] }; myChart.setOption(option);
ok,完成echarts图表点击事件添加。
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。