Highcharts 具有多轴动态数据的High chart problwm
我正在尝试生成多轴图形,如下图所示。 但它不工作,数组生成和所有都很好 如果我硬编码totalNoOfLabels和TotalAbelsSize则其工作正常。请建议:Highcharts 具有多轴动态数据的High chart problwm,highcharts,multiple-axes,Highcharts,Multiple Axes,我正在尝试生成多轴图形,如下图所示。 但它不工作,数组生成和所有都很好 如果我硬编码totalNoOfLabels和TotalAbelsSize则其工作正常。请建议: <script src="http://code.highcharts.com/highcharts.js"></script> <script src="http://code.highcharts.com/modules/exporting.js"></script> <d
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
$(function () {
var result=[{"date":"2013-05-01","propertiesList": {"labelsCount":"14","totalSize":"62.62"}},{"date":"2013-05-04","propertiesList":{"labelsCount":"4","totalSize":"22.43"}},{"date":"2013-05-03","propertiesList":{"labelsCount":"7","totalSize":"34.09"}},{"date":"2013-05-02","propertiesList":{"labelsCount":"13","totalSize":"67.51"}},{"date":"2013-05-05","propertiesList":{"labelsCount":"3","totalSize":"11.65"}}];
var totalNoOfLabels=[];
var totalLabelsSize=[];
var dates=[];
dailyStatList = JSON.stringify(result);
var statsObj = $.parseJSON(dailyStatList);
$.each(statsObj, function() {
dates.push(this.date);
totalNoOfLabels.push(this.propertiesList.labelsCount);
totalLabelsSize.push(this.propertiesList.totalSize);
});
$('#container').highcharts({
chart: {
zoomType: 'xy'
},
title: {
text: 'Info'
},
xAxis: [{
categories: dates
}],
yAxis: [{ // Primary yAxis
labels: {
style: {
color: '#89A54E'
}
},
title: {
text: 'No of labels',
style: {
color: '#89A54E'
}
}
}, { // Secondary yAxis
title: {
text: 'Size ',
style: {
color: '#4572A7'
}
},
labels: {
style: {
color: '#4572A7'
}
},
opposite: true
}],
tooltip: {
shared: true
},
legend: {
layout: 'vertical',
align: 'left',
x: 120,
verticalAlign: 'top',
y: 100,
floating: true,
backgroundColor: '#FFFFFF'
},
series: [{
name: 'Labels',
color: '#4572A7',
type: 'column',
yAxis: 1,
data: totalNoOfLabels
}, {
name: 'Size',
color: '#89A54E',
type: 'spline',
data: totalLabelsSize
}]
});
});
$(函数(){
var结果=[{“日期”:“2013-05-01”,“属性列表”:{“标签计数”:“14”,“总大小”:“62.62”},{“日期”:“2013-05-04”,“属性列表”:{“标签计数”:“4”,“总大小”:“22.43”},{“日期”:“2013-05-03”,“属性列表”:{“标签计数”:“7”,“总大小”:“34.09”},{“日期”2013-05-02,“属性列表”:“标签计数”:“13”,“总大小”:“67.51”{“2013-05-05”,“财产清单”:{“LabelCount”:“3”,“totalSize”:“11.65”}];
var totalNoOfLabels=[];
var TotalAbelsSize=[];
var日期=[];
dailyStatList=JSON.stringify(结果);
var statsObj=$.parseJSON(dailyStatList);
$.each(statsObj,function(){
日期。推送(此日期);
totalNoOfLabels.push(this.propertiesList.labelsCount);
totalAbelsSize.push(this.propertiesList.totalSize);
});
$(“#容器”)。高图({
图表:{
zoomType:'xy'
},
标题:{
文本:“信息”
},
xAxis:[{
类别:日期
}],
yAxis:[{//主yAxis
标签:{
风格:{
颜色:“#89A54E”
}
},
标题:{
文本:“标签数量”,
风格:{
颜色:“#89A54E”
}
}
},{//次雅克西
标题:{
文本:“大小”,
风格:{
颜色:“#4572A7”
}
},
标签:{
风格:{
颜色:“#4572A7”
}
},
相反:对
}],
工具提示:{
分享:真的
},
图例:{
布局:“垂直”,
对齐:“左”,
x:120,
垂直排列:“顶部”,
y:100,
浮动:是的,
背景颜色:“#FFFFFF”
},
系列:[{
名称:'标签',
颜色:“#4572A7”,
键入:“列”,
亚克西斯:1,,
数据:总Flabels
}, {
名称:'大小',
颜色:“#89A54E”,
类型:“样条线”,
数据:TotalAbelsSize
}]
});
});
labelcount
和totalSize
应该是数字,而不是字符串。解析这些值,或者将其作为数字输入JSON,这样可以正常工作