如何C3图表添加到角2+项目

我搜索了很多关于Angular2图表包，但没有C3.js的名字，直到我发现C3.js图表的例子在以下链接
ani-angular.strapui.com/dashboard/charts/c3-chart 如何C3图表添加到角2+项目

然后我搜索的“角度的C3图表”成果都是关于AngularJS项目的。即使在他们的website是没有指导如何设置这个包角度

我敢肯定有一种方法，您可以添加C3图表angular2 +项目。有没有人知道你是如何做到这一点的？

2017-09-16 Vala Khosravi

有没有计算器的答案，所以我回答这个问题由我的自我

1-运行此命令在您的项目根：

npm install c3 
npm install @types/c3

2 - 添加"../node_modules/c3/c3.min.css",到.angular-cli.json =>样式部分

3-将<div id="chart"></div>添加到您的组件模板

4-加import * as c3 from 'c3';到您的组件

5波纹管代码添加到您的打字稿

ngAfterViewInit() { 
    let chart = c3.generate({ 
    bindto: '#chart', 
     data: { 
      columns: [ 
       ['data1', 30, 200, 100, 400, 150, 250], 
       ['data2', 50, 20, 10, 40, 15, 25] 
      ] 
     } 
    }); 
}

我希望这将是对你有所帮助，评论，如果有任何问题

来源

2017-09-16 07:23:05

NPM安装现在默认保存为依赖项。这意味着第1点只需要：“npm install c3”和“npm install @ types/c3”。有关更多信息，请参见https://docs.npmjs.com/cli/install。 – benmod

非常感谢，我改变了@benmod –

如何C3图表添加到角2+项目

回答

相关问题