是不是ECharts國(guó)人用的多,看國(guó)外大佬做的Chart,highChart的Angular插件做的都很好
1.Chart
中文網(wǎng)站:http://www.bootcss.com/p/chart.js/
2.Angularjs1.x Chart.js插件
github:https://github.com/jtblin/angular-chart.js
官方網(wǎng)站:http://jtblin.github.io/angular-chart.js/
3.配置
1)安裝
npm install angular-chart.js --save
2)引入
import 'chart.js';
import 'angular-chart.js';
3)HTML
注意一定要給個(gè)父節(jié)點(diǎn)拷况,然后給父節(jié)點(diǎn)一個(gè)寬度惯驼。不然無(wú)法顯示
<div style="width:100%;">
<canvas id="doughnut" style="width:1000px;height:1000px;" class="chart chart-doughnut" chart-data="data" chart-labels="labels">
</canvas>
</div>