博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ionic3使用echarts
阅读量:7013 次
发布时间:2019-06-28

本文共 761 字,大约阅读时间需要 2 分钟。

1.安装typings及echarts

npm install typings echarts --global

2.安装 ECharts 的 TypeScript 定义文件

npm install @types/echarts --save

3.在使用echarts的页面ts文件中引用echarts

import * as echarts from 'echarts';

4.在html页面添加div

5.在scss中配置样式

page-home {     #chart {         position: absolute;        width: 100%;         height: 100%;     }}

6.在ts文件中初始化

ionViewDidEnter() {    const ec = echarts as any;    const container = document.getElementById('chart');    const chart = ec.init(container);    chart.setOption({      series: {        type: 'pie',        data: [{          name: 'A', value: 10        }, {          name: 'B', value: 20        }, {          name: 'C', value: 30        }]      }    });  }

 

转载于:https://www.cnblogs.com/smartsensor/p/8126125.html

你可能感兴趣的文章
深入浅出Swarm
查看>>
eclipse中拷贝提示信息
查看>>
socket是什么
查看>>
RHEL6.5 CentOS 6.5 support NTFS filesystem !
查看>>
从零开始搭建K8S--如何监控K8S集群日志
查看>>
【转】僵尸进程的查看和杀掉
查看>>
SCDPM 2010之一——安装
查看>>
自己DIY osc android 客户端
查看>>
Confluence 6 管理插件和组件
查看>>
开发任意网站Android客户端
查看>>
java中session对象及其常用方法
查看>>
深究AngularJS(1)——ui-router详解
查看>>
软考培训 - 挣值分析出题趋势分析
查看>>
Java拾遗:008 - 对象克隆与浅拷贝、深拷贝
查看>>
easyUi-datagrit实现页面计算列
查看>>
CSS的背景图的sprite
查看>>
parasoft Jtest 使用教程:使用初始化信息扩展测试用例
查看>>
Error saving vCenter entry
查看>>
Linux入*侵分析(二)分析SSH登录日志
查看>>
《将博客搬至CSDN》
查看>>