1、创建 ionic 项目
ionic start MyChart tabs
2、创建Highcharts图表
需要下载 Highcharts Highcharts-more包
npm install highcharts --save
npm install highcharts-more --save
3、在.html文件中嵌入容器
![](https://img.haomeiwen.com/i4653264/51953ae7002fc533.png)
4、在.ts文件中引入highcharts and highcharts-more模块
![](https://img.haomeiwen.com/i4653264/ca8bc75b56b5315c.png)
and in the constructor:
![](https://img.haomeiwen.com/i4653264/e0bcd0924c62ee8c.png)
5、在ionViewDidLoad函数里编写气泡图表代码
![](https://img.haomeiwen.com/i4653264/ffdf3a9298c2f566.png)
highcharts-bubble: https://www.hcharts.cn/demo/highcharts/bubble
6、ionic serve
![](https://img.haomeiwen.com/i4653264/1e7573d0608aa895.png)
网友评论