Javascript 从外部加载Highcharts配置

我有很多不同的图表，我正在使用Highcharts渲染。试图找到一个很好的动态方法来实现这一点。这是我认为很好的概念证明。问题是图表有不同的配置（和数据）。因此，我最初的想法是，结合mustasche.js，如下所示：

HTML:

问题是，我得到的回应是纯文本。而且它不能被解析为javascript变量，因为它不是有效的json。（配置对象中有一个格式化程序：function（）{}）。因此，我不能用它初始化highcharts。评估不是这个选项。有什么想法吗？

试试那个代码

var chart = $('.highchart');

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

---

我尝试加载的文件不是有效的JSON。其中一个例子是：labels:{formatter:function（）{//stuff for highcharts}}因此，您在那里有无法执行的函数，对吗？问题是我无法将外部文件转换为javascript对象。问题是在json中无法放置函数。所以，也许更好的方法是准备一些类似“主主题”的东西，然后调用合并函数将“主题”与特定图表的自己的选项结合起来？例子：

var chart = $('.highchart');

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

var chart = $('.highchart');

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