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

来源:互联网 发布:东方网络收购会成功吗 编辑:程序博客网 时间:2024/06/05 02:37

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

阅读全文
0 0