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

本文介绍了使用 Highcharts 结合 Ajax 实现数据动态加载的方法。重点讲解了如何配置 xAxis 和 series 的格式,确保数据能够正确显示。同时给出了单个统计和多数据对比统计的实例链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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的格式。

有不懂的可以留言哦。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值