2014-03-05 61 views
3

我一直在我的angularjs項目中使用highcharts-ng。一切進展順利,但現在我需要使用一些深入細節來詳細說明我的信息,而不是使用drilldown.js。我遵循了highchart中的深入試用小提琴的例子,但是它似乎沒有使用angular-ng。 如您在我的drilldown reprodution中看到的,原始Highchart example不適用於angular-ng。 有什麼錯誤的想法?Highcharts-ng with drilldown

忽略此代碼波紋管(計算器想在這個問題上的一些代碼)

<div ng-app="myapp"> 
    <div ng-controller="myctrl"> 
     <highchart id="chart1" config="highchartsNG"></highchart> 
    </div> 
</div> 

回答

4

剛纔檢查代碼 - 插件不支持鑽取模塊Highcharts。

爲了允許下鑽,編輯源,約〜104行添加明細屬性:

// new code: 
    if(config.drilldown) { 
    mergedOptions.drilldown = config.drilldown; 
    };  
    // old code: 
    if(config.title) { 
    mergedOptions.title = config.title; 
    }; 
    if (config.subtitle) { 
    mergedOptions.subtitle = config.subtitle; 
    }; 
    if (config.credits) { 
    mergedOptions.credits = config.credits; 
    } 
+0

工作,謝謝!雖然,圖表並不像普通類型那樣:「列」,用點保留不知道爲什麼 –

+0

您沒有在..選項下設置選項? http://jsfiddle.net/Cp73s/197/ - 你知道嗎?該插件是奇怪的.. –

+0

雅我已經設法解決這一個:)謝謝 –

1

插件使用延伸(defaultOptions,config.options)覆蓋默認的選項。對於'title','subtitle'等選項,它會讀取配置中的屬性。但對於「鑽取」等選項,它不會。

因此,您可以將鑽取設置更改爲config.options以使其工作,並且任何其他設置無法正常工作,您可以先嚐試這種方法。

相關問題