首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Angularjs1.x ES6接入Chart图表

Angularjs1.x ES6接入Chart图表

作者头像
治电小白菜
发布2020-08-25 15:00:24
9600
发布2020-08-25 15:00:24
举报
文章被收录于专栏:技术综合技术综合

是不是ECharts国人用的多,看国外大佬做的Chart,highChart的Angular插件做的都很好

1.Chart

中文网站:http://www.bootcss.com/p/chart.js/

2.Angularjs1.x Chart.js插件

github:https://github.com/jtblin/angular-chart.js 官方网站: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 注意一定要给个父节点,然后给父节点一个宽度。不然无法显示

<div style="width:100%;">
    <canvas id="doughnut" style="width:1000px;height:1000px;" class="chart chart-doughnut" chart-data="data" chart-labels="labels">
</canvas>
</div>

4.效果

图片.png

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.Chart
  • 2.Angularjs1.x Chart.js插件
  • 3.配置
  • 4.效果
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档