![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
v-charts
MaChuXiang
故不积跬步,无以至千里;不积小流,无以成江海。骐骥一跃,不能十步;驽马十驾,功在不舍。锲而舍之,朽木不折;锲而不舍,金石可镂。
展开
-
v-chart报错series.type should be specified的解决方法
所有功能都实现了,却发现F12的时候控制台报错series.type should be specified,很烦!查询了网上的一篇博客,据此为思路,进行排错处理;思路是这样的一个思路,大家按这个思路去解决,具体配置哪项,见招拆招,活学活用。1、添加 :after-set-option="afterSetOption"配置。2、method方法添加对应方法。原创 2024-08-15 14:45:45 · 151 阅读 · 0 评论 -
v-charts基本参数的使用
二、额外属性的使用 :extend="lineChartExtend",如,我这边的应用场景有:体现标题,图例靠右,第二条折线为虚线等等。四、另外,还有图表的一些事件,如点击事件、移入事件、移出事件等,我们该如何添加呢?直接上代码,以点击事件为例,代码写入mounted()中。一、vue为例,上面是使用方法,下面是数据。看起来好像很简单,假如我想要折线图中的图例消失,怎么办?echarts官网文档。肯定还有很多场景,如果后续用到,我会继续补充。今天以折线图为例,说一下v-charts基本参数的一些使用。原创 2024-08-15 11:16:20 · 73 阅读 · 0 评论 -
v-charts的下载与引用
近期,因项目需要,需用v-charts做一些登录后首页的展示图,按之前的逻辑echarts官网都有API直接拿来用就行了,但是我的项目框架是vue+springboot,我的vue版本是2.6.1,这个v-charts文档在网上搜了搜,属实不多,走了很多弯路,近期做一个总结,希望后续有人用的时候可以帮忙到他们;3、全局引用,此场景主要是很多地方使用到他,为方便,我这直接全局引用了;1、js方式引用,官网文档上有例子,这里不多介绍;2、vue方式引用,官网文档上也有例子,同上;其他图也是一样的方式方法;原创 2024-08-15 10:05:53 · 177 阅读 · 0 评论