如何將Chart.js圖表​​選項存儲在AngularJS中的另一個文件中

Question

我有一個angularJS應用程序，需要在其中一個應用程序控制器中使用歷史記錄圖表。 我正在使用的庫是chart.js。 每個圖表都必須具有一些初始的靜態配置選項，而我執行此操作的方法是將此配置對象存儲在控制器代碼中。 但是由於我的控制器越來越大，我想知道是否有將圖表選項存儲在另一個文件中並從那里導入的方法，因為初始選項只是靜態數據

Answer 1

查看angular-chart.js的文檔，您似乎可以在angular.config()函數中配置基本選項。 只需導入ChartJsProvider並遵循以下代碼即可。

(function (ChartJsProvider) {
    ChartJsProvider.setOptions({ colors : [ '#803690', '#00ADF9', '#DCDCDC', '#46BFBD', '#FDB45C', '#949FB1', '#4D5360'] });
}); 

如果這不是您想要的，並且您只想從控制器中提取配置對象並導入，請查看angular.value() 。

https://docs.angularjs.org/guide/providers#value-recipe