javascript - 如何在 AngularJS 中的另一个文件中存储 Chart.js 图表选项

标签 javascript angularjs chart.js

我有一个 angularJS 应用程序,我需要在我的应用程序 Controller 之一中使用历史图表。我使用的库是chart.js。每个图表都必须有一些初始静态配置选项,我的方法是将此配置对象存储在 Controller 代码中。但由于我的 Controller 越来越大,我想知道是否可以将此类图表选项存储在另一个文件中并从那里导入,因为初始选项只是静态数据

最佳答案

查看angular-chart.js的文档,看起来您可以在 angular.config() 中配置基本选项功能。只需导入ChartJsProvider并按照下面的代码操作。

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

如果这不是您想要的,而您只想从 Controller 中提取配置对象并将其导入,请查看 angular.value() .

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

关于javascript - 如何在 AngularJS 中的另一个文件中存储 Chart.js 图表选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54629743/

相关文章:

javascript - ChartJS : Can interior of polar area chart be hollow?

javascript - 无法将对象数组映射到 jQuery 自动完成中

javascript - Angular - 无法使用 ng-repeat 按选择过滤

javascript - AngularJS + NG-Grid 将 row.column.field 传递给 ng-click 事件

javascript - AngularJS 中的复杂表单验证

javascript - y 轴值太高

javascript - Chart.js 中的鼠标悬停功能表现奇怪

javascript - 如何使用 history.back()

javascript - 如何使用递归转置 m*n 矩阵?

javascript - 正确的 JavaScript 运算符优先级表是什么?