项目开发过程中有用到 highchart 图表进行项目的开发。一个比较常规的需求就是通过点击图表上的模块进行明细的查看。
1、比如坐标一月、二月、三月、四月..... 有对应的值 01,02,03,04.....
2、怎么才能做到在点击 14.5 这个点时,能够获取到四月对应的 value(04),现在 api,网上提供的都是直接获取 x 轴的值(四月)那么我们前台应该怎么去组织数据格式呢?
代码如下:其中 resultList 是通过 ajax 获取的后台数据。
- var resultList = ret.dataList;
- var datas = [],obj = null,xAxis = [];
- for(var i = 0; i< resultList.length;i++){
- obj = {};
- xAxis.push(resultList[i].monthName);
- obj.y = resultList[i].num;
- obj.monthValue= resultList[i].monthValue;
- totalNum += parseInt(resultList[i].num);
- datas.push(obj);
- }
通过这种方式在点击图表的时候,e.point.monthValue 获取想要的字段的值。基本上所有的字段值都可以通过这种方式获取到。
来源: http://www.cnblogs.com/coderzjh/p/7444920.html