遇到一个highchart 获取json数据展现有关问题
遇到一个highchart 获取json数据展现问题
怎么把传过来的json串 弄成[day,value]呢
在用highchart 的时候遇到了问题:
下图是数据库查询的结果,需展现在 页面上,value对应Y轴,day(日期)对应X轴
可是我用json获取数据展示的时候,出问题了,如下图,就是X轴显示成了数据库查询出来的列名(即0,1,0,1,0...),而并没有显示的是day(日期),它显示到了Y轴上去了,如何解决?
js代码
var xset = [];//X轴数据集 var yset = [];//Y轴数据集 function getData(){ $.getJSON("${pageContext.request.contextPath}/month!getMonthList.action",function(data){ $.each(data,function(i,item){ $.each(item,function(k,v){ xset.push(k); yset.push(v); }); }); showChart(xset,yset); }); }
chart代码
function showChart(xset,yset){ $('#container') .highcharts( { credits: { enabled: false //去掉highcharts网站url } , chart : { type : 'column', margin : [ 50, 50, 50, 50 ] }, title : { text : 'this is a test' }, xAxis : { categories : xset, /* labels : { /* rotation: -0, align: 'right', style : { fontSize : '13px', fontFamily : 'Verdana, sans-serif' } } */ }, yAxis : { min : 0, title : { text : 'value(SVG)' } }, legend : { enabled : false }, tooltip : { pointFormat : 'value: <b>{point.y:.1f} SVG</b>', }, series : [ { name : 'Population', data : yset, dataLabels : { enabled : true, rotation : -0, color : 'black', //align: 'right', //x : 4, //y : 10, style : { fontSize : '13px', fontFamily : 'Verdana, sans-serif', textShadow : '0 0 3px black' } } } ] }); } getData();
各位帮忙看一下,
1 楼
hanchilin
17 小时前
查看一下你的json数据,用$.each(item,function(k,v){ xset.push(k); yset.push(v);});解析的item数据格式应该是[{0:valu,1:day}],所以就成了两组数据
2 楼
hanchilin
17 小时前
如果json数据是{[day,value]}的话,不需要分xy轴,直接放到series的data里
3 楼
mingnianshimanian
17 小时前
hanchilin 写道
如果json数据是{[day,value]}的话,不需要分xy轴,直接放到series的data里
怎么把传过来的json串 弄成[day,value]呢