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来进行绘图工作。

安装

官方提供了以下安装方式:
  • 在 ECharts 的GitHub 获取。
  • 通过 npm 获取echarts,npm install echarts --save,详见官方说明

使用

我就选择直接从github下载文件到本地进行使用。在项目根目录下解压,之后直接引用文件即可使用,例如:
这里js文件可以按需求引用,如果不需要全图标,可以引用 echarts.min.js ,也可以去官方定制需要图标的js文件
之后即可进行图标的绘制,下面是一个绘制简单折线图的例子
notion image

© Penguin 2020 - 2025