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