通过Jquery代码无法动态更改Highcharts主题

时间:2015-02-24 14:34:24

标签: jquery json variables charts highcharts

我正在尝试创建一个变量选项,其中包含用户选择的选项以及将在我的网页上创建的图表的主题选项,然后在图表中传递这些选项:{options参数。图表确实成功显示,但主题未应用,我收到以下错误:

Uncaught SyntaxError:意外的令牌(

我不确定我是否可以通过这种方式将选项传递给highcharts,或者代码本身是否存在问题。

这是我的脚本: http://pastebin.com/WFqTeGpG

1 个答案:

答案 0 :(得分:0)

您应该将主题选项与特定图表的选项合并使用setOptions

对于第一个,例如:http://jsfiddle.net/bwefs1ak/1/

var merged_options = $.extend(
    option1, 
    {
        data: {
            table: 'datatable'
        }
    }
);

$('#chartColumnChart').highcharts(merged_options);

对于第二个,请参阅any demo with theme。只需点击“查看视觉主题”,最后一行负责设置主题。

注意:设置主题只会影响新图表,而不会影响现有图表。