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

EChArts 单击

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

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

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

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

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

超链接中javascript:开头代表着执行一段js代码,刚好echarts的title就是一个超链接。根据这个原理,就可以简单的实现title的点击事件了。 title: { text: '标题', link: "javascript: alert('a')", target: "self"// 保证不会在新的窗口弹出}

可以点击。 chart.on('click', function (params) { $('.modal-body').html('你点击的是: ' + params.seriesName); $('#modal-container-tips').modal();});参考上面的代码,点击线后在bootstrap-modal展示对应的值。

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

你配置了引用了吗? 比如var ecConfig = require('echarts/config');

// 路径配置 require.config({ paths : { echarts : 'jquery/echarts-2.2.7/build/dist' } }); // 使用EChart.js画图 function drawChart() { require([ 'echarts', 'echarts/chart/force' // 使用柱状图就加载bar模块,按需加载 ], function(ec...

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