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);
});

问题是，我得到的回答是纯文本。并且它不能被解析为javascript变量，因为它不是有效的json。（配置对象里面有一个formater：function（）{}。因此我不能用它来创建高级图表。 Eval不是一个选择。有什么想法吗？

Answer 1

尝试使用该代码

var chart = $('.highchart');

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

从外部加载Highcharts配置

1 个答案: