从外部加载 Highcharts 配置

Question

我有很多不同的图表，我正在使用 Highcharts 进行渲染。试图找到一种好的动态方式来做到这一点。这是我认为很好的概念证明。问题是图表具有不同的配置（和数据）。所以我最初的想法是，结合 mustasche.js，是这样的：

HTML：

<div class="highchart" 
     data-some-other-variable=""
     data-date-from="" 
     data-date-to="" 
     data-template="path/to/graph/graph.mustache"
>

然后是一个简单的 Javascript 概念证明

var chart = $('.highchart');

$.get(chart.data('template'), function(options) {
    // Do stuff 
    highcharts(options);
});

问题是，我得到的响应是纯文本。由于它不是有效的 json，因此无法将其解析为 javascript 变量。 （配置对象内部有一个格式化程序：function() {}）。因此我不能用它来初始化 highcharts。 Eval 不是这个选项。有什么想法吗？

Answer 1

试试这个代码

var chart = $('.highchart');

$.ajax({
   url: chart.data('template'),
   type: "GET"
}, function(data) {
   // Do stuff 
   var options = $.parseJSON(data);
   highcharts(options);
});