关于如何在highchart上获取后台返回的所需字段的值

项目开发过程中有用到highchart图表进行项目的开发。一个比较常规的需求就是通过点击图表上的点进行数据的获取。


1、比如坐标一月、二月、三月、四月.....有对应的值01,02,03,04.....
2、怎么才能做到在点击14.5这个点时,能够获取到四月对应的value(04),现在api,网上提供的都是直接获取x轴的值(四月)那么我们前台应该怎么去组织数据格式呢?

代码如下:其中resultList是通过ajax获取的后台数据。

    

 1  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获取想要的字段的值。基本上所有的字段值都可以通过这种方式获取到。

posted @ 2017-08-28 17:41  JohnCoder  阅读(220)  评论(0编辑  收藏  举报