Echarts 初上手
date
Jan 2, 2020
slug
echart-1
status
Published
tags
Learning
Scripts
summary
type
Post
简介
ECharts,是使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。苦于matlab以及matplotlib绘制的图片太丑了,所以试用ECharts来进行绘图工作。
安装
官方提供了以下安装方式:
- 从 Apache ECharts (incubating) 官网下载界面 获取官方源码包后构建。
- 在 ECharts 的GitHub 获取。
- 通过 npm 获取echarts,
npm install echarts --save
,详见官方说明
- 通过 jsDelivr 等 CDN 引入
使用
我就选择直接从github下载文件到本地进行使用。在项目根目录下解压,之后直接引用文件即可使用,例如:
这里js文件可以按需求引用,如果不需要全图标,可以引用 echarts.min.js ,也可以去官方定制需要图标的js文件
之后即可进行图标的绘制,下面是一个绘制简单折线图的例子
