Highcharts 具有多轴动态数据的High chart problwm

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

我正在尝试生成多轴图形,如下图所示。 但它不工作,数组生成和所有都很好

如果我硬编码totalNoOfLabels和TotalAbelsSize则其工作正常。请建议:

<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,这样可以正常工作