Highcharts无法访问z值

时间:2015-03-30 06:23:12

标签: javascript jquery highcharts

$(function () {
    $('#containerGraph').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: ''
        },
        subtitle: {
            text: ''
        },
        exporting: { enabled: false },
        credits: { enabled: false },
        xAxis: {
            type: 'category',
             title: {
                text: 'Date'

            },

            labels: {
                rotation: -45,
                style: {
                    fontSize: '10px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        },
        plotOptions: {
            column: {
                colorByPoint: true
            }
        },   

        yAxis: {
            min: 0,
            title: {
                text: 'Time (minutes)'
            }
        },
        legend: {
            enabled: false
        },
        tooltip: {

            //pointFormat: '<b>{point.y:.1f} minutes</b>{point.x:}'
            formatter: function() {
                return '<b>'+ this.y +'</b>'+
                    'minutes<br>'+ this.point.z + 'hi' ;
        },
        //shared: true
        },
        series: [{
            name: 'Time',
            data: [
                ['<?php print $buildDate[0]?>', <?php print $lastFifteenDurationArray[0]?>, <?php echo $svnHistory[0]?>],
                ['<?php print $buildDate[1]?>', <?php print $lastFifteenDurationArray[1]?>, <?php print $svnHistory[1]?>],
                ['<?php print $buildDate[2]?>', <?php print $lastFifteenDurationArray[2]?>, <?php print $svnHistory[2]?>],
                ['<?php print $buildDate[3]?>', <?php print $lastFifteenDurationArray[3]?>, <?php print $svnHistory[3]?>],
                ['<?php print $buildDate[4]?>', <?php print $lastFifteenDurationArray[4]?>, <?php print $svnHistory[4]?>],
                ['<?php print $buildDate[5]?>', <?php print $lastFifteenDurationArray[5]?>, <?php print $svnHistory[5]?>]




            ],


            lang: {noData: "No Data Available"},
            dataLabels: {
                enabled: false
            }
        }]
    });
});

工具提示中的z-axiz值在图表中显示未定义。

我也试过this.point.config [2],但这也不起作用。
调试代码时,数据字段中的z值已正确解析。

是因为我必须指定数据类型或什么? 有人能告诉我我做错了吗?

1 个答案:

答案 0 :(得分:1)

如果你想要第三个维度,你需要像这样定义它:data = [{y: yValue, z: zValue, additional: additionalVal}],你可以这样访问this.point.z(和this.point.additional)。无论如何,使用系列X值作为 x轴类别标签似乎在处理对象数组时不起作用。为了让它运行,请这样做:

xAxis: {
    type: 'category',
    categories: ['09-01-2015','09-01-2015'], /* your old x-data */
    title: {
        text: 'Date'
    }
},
series: [{
    name: 'Time',
    /* data is now an array of objects */
    data: [
        {y:25, z:492076},
        {y:26, z:496222}
    ],
}

updated Fiddle is here