json - 如何使用 getJSON 加载 Highcharts 选项对象，包括回调属性

Question

我目前正在通过对 Web 服务进行 jquery getJSON 调用来加载和呈现 Highcharts，如下所示：

$.getJSON('options.json')
    .done(function (chartOptions) {
            $('#chartholder').highcharts(chartOptions);
    });

这一切都很好，直到我必须使用需要 javascript 回调的选项，例如轴标签格式化程序。当我尝试它失败并出现未捕获的 TypeError 异常并声明该对象没有方法“调用”。

我怀疑这是由 web 服务返回的 json 造成的，它将格式化程序属性用引号括起来，因此它是有效的 json，但 Highcharts 期望它是一个回调。

有没有办法在 json 中返回回调方法并让 Highcharts 识别它？

Answer 1

您可以尝试将您的 json 选项移动到脚本（来 options.js）。例如：

//options.js example
window.chartConfig = {
 charType: 'spline',
 tickPositioner: function() {console.log('bla-bla')}
}

// in some main script
$.getScript('options.js')
    .done(function () {
            window
            $('#chartholder').highcharts(window.chartConfig);
    });