如何在ember中包含图表js注释?

时间:2017-06-08 11:47:23

标签: javascript ember.js chart.js

我想在ember中的项目中包含这个注释,这是插件https://www.npmjs.com/package/chartjs-plugin-annotation的链接。 我试过了

npm i chartjs-plugin-annotation

但仍然没有运气, 我也尝试了这个

npm i chartjs-plugin-annotation --save

还有另一种方法可以在ember中添加这个插件吗?

2 个答案:

答案 0 :(得分:2)

您可以使用bower命令将其包含为bower install依赖项。

将其包含到项目后,在ember-cli-build.js文件中,使用app.import将其添加到构建中,如下所示(请检查路径):

app.import('bower_components\chartjs-plugin-annotation\chartjs-plugin-annotation.min.js');

如果您不想使用bower,如果您更喜欢npm,请查看西兰花家族。这有点长。

答案 1 :(得分:0)

添加npm package ember install ember-auto-import

ember-cli-build.js

/* eslint-env node */
'use strict';

const EmberApp = require('ember-cli/lib/broccoli/ember-app');

module.exports = function (defaults) {
  let app = new EmberApp(defaults, {
    autoImport: {
      alias: {
        'chartjs-plugin-datalabels': 'chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.js',
      },
    }
  });
  return app.toTree();
};

导入component-name.js

import 'chartjs-plugin-datalabels'