js 获取echarts点击点的X轴和Y轴值
来源:互联网 发布:vnc远程控制软件mac 编辑:程序博客网 时间:2024/06/05 14:13
function (ec) { var line = ec.init(document.getElementById('lineChart')); var option = { tooltip: { show: true }, legend: { data:['销量'] }, xAxis : [ { type : 'category', data : ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"] } ], yAxis : [ { type : 'value' } ], series : [ { "name":"苹果销售量", "type":"line", "data":[8956, 2025, 3640, 5610, 8910, 5720, 3467, 9023, 8367, 5342, 6754, 8753] } ] }; line.setOption(option); } 点击事件: function queryXY(param){ //seriesIndex:系列序号,dataIndex:数值序列,seriesName:legend名称,name:X轴值,data和value都代表Y轴值 var seriesIndex = param.seriesIndex; var dataIndex = param.dataIndex; var seriesName = param.seriesName; var name = param.name; var data = param.data; var value = param.value; console.dir(param); var str = "seriesIndex:"+seriesIndex+"****"+"dataIndex:"+dataIndex+"****"+"seriesName:"+seriesName+"****"+ "name:"+name+"****"+"data:"+data+"****"+"value:"+value; alert(str); } line.on(config.EVENT.CLICK,queryXY);
阅读全文
0 0
- js 获取echarts点击点的X轴和Y轴值
- echarts-设置折线样式和X轴和Y轴的分割线样式
- echarts-设置折线样式和X轴和Y轴的分割线样式
- echarts-设置折线样式和X轴和Y轴的分割线样式
- echarts-去掉X轴、Y轴和网格线
- echarts-去掉X轴、Y轴和网格线
- echarts-2.2.7柱状图隐藏y轴和x轴
- Echarts学习记录——如何修改x轴和y轴的颜色
- echarts的x轴y轴的颜色改变
- echarts的x轴y轴的颜色改变
- echarts 隐藏x轴 y轴 网格线
- 10.x.y.z和100.x.y.z的那点故事和事故
- 原生js获取鼠标X、Y轴坐标
- echarts之toolbox-x,y
- echarts柱状图的X轴Y轴加单位的写法
- arcgis里面的点添加X、Y轴
- ECharts | 改变 yAxis y轴的刻度
- echarts中y轴的自适应
- zepto--学习日常demo3(data,each,eq,get,has,height,hide,DOM结点与Zepto对象区别)
- File类
- 第2章 基本数据类型与数组
- 冒泡排序
- ubuntu14.04需求管理jira7.4.0破解版安装
- js 获取echarts点击点的X轴和Y轴值
- SUSE12系统安装及LVM设置详解
- 实现用金格插件实现在线编辑的感想
- Java中HashMap遍历的两种方式
- 【Scikit-Learn 中文文档】支持向量机
- 用CSS3写的一个简单分页样式(兼容ie9及以上)
- zookeeper集群部署
- const常量与define宏定义的区别
- MySQL之char、varchar和text的设计