我经常会使用到v-echarts,刚开始真的摸不着头脑,这个v-echarts的详细API到底该怎么玩怎么看,经过尝试,终于知道了
其实也很简单,就是配合着看echarts API

  1. v-echarts 官方API

https://v-charts.js.org/#/

  1. echarts 官方API

https://echarts.apache.org/zh/option.html

举个例子
如果我想设置v-echarts中的折线图的y轴轴线显示
那么就先去 https://v-charts.js.org/#/props 查看 v-charts 的 yAxis 的配置对象是什么,
在这里插入图片描述

看了配置知道了,yAxis 是个数组,数组中包含的是对象或数组,那么大体知道是 yAxis=[{}] 的东西,
那么数组元素中的 {} 这个对象具体有些什么属性呢,接下来就去 echarts API 中查看相应的 yAxis的配置属性即可https://echarts.apache.org/zh/option.html
在这里插入图片描述

那就明白了,这个 yAxis=[{}] 中的 {} 这个对象可以放这些属性 { axisLine:{show:true}} ,好了那么 vue 的代码我就可以如下写法了(下面的代码是我的完整代码)

在这里插入图片描述
在这里插入图片描述

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐