highcharts ajax 做统计的几种方法汇总

前端之家收集整理的这篇文章主要介绍了highcharts ajax 做统计的几种方法汇总前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

highcharts+ajax找了好久,断断续续弄了三天,官网上的例子,我用chrome测试总是报错,一方面是chrome的安全策略的问题,还有一方面是highcharts+ajax的不了解。今天做个总结。

1.如果只是做单个统计的话。

官网的例子,才恍然大悟。

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/reflow-true/

需要制定xAxis,记住xAxis的categories的值是数组类型的。即['a','b']这种类型的。必须是这种类型的。

而series的值必须是数组对象包含的data的值,而data的值必须是数组。

即series:[{data:[]}]这种格式。

要把这些概念搞清的话,既可以游刃有余了。

2.如果想要做多种数据对比的统计的话,建议看一下这个例子。

http://www.cnblogs.com/jsonzheng/archive/2011/01/18/1938489.html

这个很不错的。

也要注意他的数据格式。

他的categories是和上边的一样的,是个数组。

而series则是一个包含多个对象的数组。

最后要记住的是js中的这些数据必须是json格式的,不是string格式的。

var data = eval(eval('(' + data + ')'));这种是将后台返回的string转json的格式。

有不懂的可以留言哦。

原文链接:https://www.f2er.com/ajax/165960.html

猜你在找的Ajax相关文章