首页 » 网站建设 » highchartsajaxphp技巧_Highcharts ajax 获取json对象生成报表之数据处理问题

highchartsajaxphp技巧_Highcharts ajax 获取json对象生成报表之数据处理问题

访客 2024-11-24 0

扫一扫用手机浏览

文章目录 [+]

首先,准备json数据源。
我用的php进行后台程序开拓,从mysql数据库读取数据。
通过json_encode()函数对数据进行JSON编码,中文涌现乱码问题。
这是由于json_encode()只支持UTF-8编码,以是利用内置的JSON_UNESCAPED_UNICODE选项逃过编码,json_encode($result,JSON_UNESCAPED_UNICODE)。

其次,ajax 的$.getJSON(url, function(data) {}函数获取php中get要求发送的json工具。
json工具包括两种:{\公众key\"大众:\公众value\"大众}形式的键值对和[{\"大众key\"大众:\"大众value\"大众},{\"大众key\公众:\"大众value\公众},{},{}]数组形式。

highchartsajaxphp技巧_Highcharts ajax 获取json对象生成报表之数据处理问题

问题1:获取json数据长度问题。
{\公众key\公众:\公众value\"大众}形式的的json工具不能直接调用length函数获取长度。

highchartsajaxphp技巧_Highcharts ajax 获取json对象生成报表之数据处理问题
(图片来自网络侵删)

function getJsonLength(jsonData){

var jsonLength = 0;

for(var item in jsonData){

jsonLength++;

}

return jsonLength;

}

[{\"大众key\"大众:\"大众value\"大众},{\"大众key\公众:\"大众value\"大众},{},{}]数组形式可以通过length函数获取长度。

问题2:虽然已经获取到data json工具,但是highcharts便是不显示数据。
由于此时数据是字符串,须要将工具值转换为数值。

outdoor_options.xAxis.categories[i] = data[i].date;

outdoor_options.series[0].data[i] = parseFloat(data[i].outdoor);//parseFloat()函数将返回的字符类型转换为浮点数,很关键

标签:

相关文章

微信第三方登录便捷与安全的完美融合

社交平台已成为人们日常生活中不可或缺的一部分。微信作为我国最受欢迎的社交软件之一,拥有庞大的用户群体。为了方便用户在不同平台间切换...

网站建设 2025-02-18 阅读0 评论0

广东高速代码表解码高速公路管理智慧

高速公路作为国家交通动脉,连接着城市与城市,承载着巨大的物流和人流。广东作为我国经济大省,高速公路网络密布,交通流量巨大。为了更好...

网站建设 2025-02-18 阅读0 评论0