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

的事情是，在我得到的迴應是純文本。它不能被解析成一個JavaScript變量，因爲它不是有效的json。 （配置對象裏有一個formater：function（）{}）。因此我無法用它啓動高分辨率圖表。評估不是這個選項。有任何想法嗎？

Answer 1

給該代碼嘗試

var chart = $('.highchart'); 

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