vue中使用echarts

2021-02-13

在日常应用中,图形化的数据展现形式效果要远远好于单纯的文字,而echarts就是一款开源免费,并且使用简单的js框架。

# 1.安装

安装运行依赖echarts

image-20200818101706437

官网参考地址:https://echarts.apache.org/

第一步:需要用到的vue文件中引入:import echarts from 'echarts'

image-20200818102334262

第二步:为ECharts准备一个具备大小(宽高)的Dom

image-20200818102624124

第三步:初始化echarts实例

image-20200818102811207

第四步:准备数据和配置项

image-20200818102935335

第五步:展示数据

image-20200818103038241

上次更新: 2 年前