【vue-echarts】——01.认识echarts

文章目录 前言 一、echarts 二、使用步骤 1.vue cli创建项目并安装第三方模块echarts 2.显示图表 总结

前言

定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。2021年1月26日晚，Apache基金会官方宣布ECharts项目正式毕业。

一、echarts

官方网址： echarts.apache.org/zh/index.html ECharts（Enterprise Charts）是一个基于 JavaScript 的开源数据可视化库，其功能特性如下

1.丰富的图表类型​ 内置 20 余种主流图表类型，包括折线图、柱状图、散点图、K 线图、地图、热力图等，并支持 ​自定义系列​（通过 renderItem 函数扩展个性化图形）。例如金融领域常用的 ​5日K线图​ 可通过组合时间轴与多维度数据实现。

​2.多维数据分析工具​ 提供图例、视觉映射、数据区域缩放、Tooltip 等交互组件，支持数据刷选、视图联动等操作，便于用户从多角度挖掘数据价值。

3.​声明式配置语法​ 采用 JSON Schema 规范，通过简洁的配置项快速生成图表，支持智能提示与校验，降低开发门槛。例如基础折线图仅需定义 xAxis、yAxis 和 series 即可完成。