本文为个人近期学习总结,若有错误之处,欢迎指出!
Echarts在vue2中的基础使用
- 一、简单介绍
- 二、基本使用(vue2中)
-
- 1.npm安装
- 2.main.js引入
- 3.使用步骤
-
- (1)准备带有宽高的DOM容器;
- (2)初始化echarts实例;
- (3)定义图表的配置项和数据;
- (4)为echarts实例设置配置项和数据。
一、简单介绍
一个基于 JavaScript 的开源可视化图表库,支持用户交互和个性化定制,提供折线图、柱状图、饼图、散点图、关系图、树图、地图、仪表盘等各种图表类型,功能非常强大。
这里提供几个官网相关地址:
官网地址:https://echarts.apache.org/zh/index.html
官网使用手册:https://echarts.apache.org/handbook/zh/get-started/
官网图表示例地址:https://echarts.apache.org/examples/zh/index.html,
图表配置项手册地址:https://echarts.apache.org/zh/option.html#title,
图表API地址: