nczl.net
当前位置:首页 >> EChArts 单击 >>

EChArts 单击

var myChart= echarts.init(document.getElementById('myChart')); myChart.on('click', function (param) { alert('点击了我!'); }); Echart事件参数可以去config.js查找

// 路径配置require.config({ paths: { 'echarts': '/public/echarts-2.2.7/doc/example/www/js' }});// 使用require( [ 'echarts', 'echarts/chart/pie'// 饼图 ], DrawCharts);function DrawCharts(ec) { var char1 = ec.init(document.getEle...

代码如下: myChart.on("click", function (param) { var hz = param.name;//横坐标的值 alert(param); }

首先设置 将横坐标的单击事件设置为true,clickable:true 如下: xAxis : [ { type : 'category', data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'], //设置文字属性 axisLabel:{ clickable:true } } ], ...

选中Y轴列数据,开始插入柱形图,下一步,这时是选择数据区域,点上面的系列,在下面分类(X)轴标志里选X轴列数据,依次下一步填写你需要的内容就可完成了

API上不是有吗? option= { title: { text:'山东省事业费开支情况', textStyle:{fontSize: 20,fontWeight:'bolder',color:'#333'}, x:'center' }, tooltip: { trigger:'item' }, legend: { orient:'vertical', x:'left', data: ['开支比例'] }, ...

为echarts柱状图添加单击事件 var ecConfig = require('echarts/config');function eConsole(param) { var mes = '【' + param.type + '】'; if (typeof param.seriesIndex != 'undefined') { mes += ' seriesIndex : ' + param.seriesIndex; me...

script type="text/javascript" src="/doc/asset/js/jquery.js"> 饼图-实现点击事件+提示框样式 $(document).ready(function () { $("input").click(function () { test1(1); }); }); function test1(n) { alert(n); test(); } function test() ...

不是很理解你的需求,可以明确的是echarts可以添加点击事件: chart.on('click', function (params) { //do something});FYI。

myChart.on('click', function eConsole(param) { //这个params可以获取你要的饼图中的当前点击的项的参数 });

网站首页 | 网站地图
All rights reserved Powered by www.nczl.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com