1).导入文件。把下载的echarts.min.js 文件放在src\assets\js 目录下。
2).script 引用。在项目的index.html中引入js文件。(切记不是www下的文件)
<script src="assets/js/echarts.min.js"></script>
放在<script src="cordova.js"></script> 之下
3).在page页面引用和使用。
<ion-content padding>
<div #container1 class="div-charts"></div>
</ion-content>
css中设置width:100% height:100%;
4).ts中
declare var echarts;//js echarts全局对象
@ViewChild('container1') container:ElementRef;//与html中div #container1对应
chart :any;
ionViewDidLoad() {
let ctx = this.container.nativeElement;
this.chart = echarts.init(ctx);
this.chart.setoption(); }
ionic 引入Echarts
最新推荐文章于 2021-07-20 10:32:02 发布