Highcharts：动态更改/添加轴属性

Question

我正在创建许多包含相同默认框架的高级图表。为了更新图表的动态元素，我一直在创建新对象，并在绘制图表的函数调用中引用它们。

这很好，直到我开始尝试使轴标签动态化（某些图表需要双轴）。我包括了一个jsfiddle，它显示了我正在使用的动态结构，以及一个用硬编码编写的图表的示例。有人可以告诉我为什么这可能不起作用吗？

http://jsfiddle.net/lcsmith_stsci/H5Xeb/

对象示例：

yAxis = {
    'dollars': function () { 
        var yAxis = { 
            title: { 
                text: "Burdened Dollars" 
            }
        }
        return yAxis;
    }
};

在highcharts对象中如何引用此示例：

    var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'column'
    },
    xAxis: {
        categories: ['FY Total']
    },
    yAxis: yAxis.dollars,
    series: [{
        name: 'YTD Plan',
        data: [1000]
    }, {
        type: 'column',
        name: 'YTD Actual',
        data: [900]
    }]
    });

感谢您的任何帮助。

Answer 1

这里是工作小提琴：DEMO。

当您将“美元”声明为返回值的函数时，必须像yAxis: yAxis.dollars(),那样调用它>

JS代码：

var yAxis = {
    'dollars': function () { 
        var yAxis = { 
            title: { 
                text: "Burdened Dollars" 
            }
        };
        return yAxis;
    }
};

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        xAxis: {
            categories: ['FY Total']
        },
        yAxis: yAxis.dollars(),//call it like this
        series: [{
            name: 'YTD Plan2',
            data: [1000]
        }, {
            type: 'column',
            name: 'YTD Actual',
            data: [900]
        }]
    });
});

Answer 2

您不能在highcharts中那样使用函数作为属性。但是，您可以在图表加载后使用highcharts API：

Answer 3

Highcharts 3.0版本允许通过update（）函数动态更改轴