【vue-echarts】——01.认识echarts
文章目录
- 前言
- 一、echarts
- 二、使用步骤
-
- 1.vue cli创建项目并安装第三方模块echarts
- 2.显示图表
- 总结
前言
定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。2021年1月26日晚，Apache基金会官方宣布ECharts项目正式毕业。
一、echarts
官方网址：https://echarts.apache.org/zh/index.html
ECharts（Enterprise Charts）是一个基于 JavaScript 的开源数据可视化库，其功能特性如下
1.丰富的图表类型
内置 20 余种主流图表类型，包括折线图、柱状图、散点图、K 线图、地图、热力图等，并支持 自定义系列（通过 renderItem 函数扩展个性化图形）。例如金融领域常用的 5日K线图 可通过组合时间轴与多维度数据实现。
2.多维数据分析工具
提供图例、视觉映射、数据区域缩放、Tooltip 等交互组件，支持数据刷选、视图联动等操作，便于用户从多角度挖掘数据价值。
3.声明式配置语法
采用 JSON Schema 规范，通过简洁的配置项快速生成图表，支持智能提示与校验，降低开发门槛。例如基础折线图仅需定义 xAxis、yAxis 和 series 即可完成。