在毕业设计中,后台数据繁琐,看起来一大片,想要快速获取自己所需要的数据很麻烦,为了更直观的了解数据的动向,需要做一些数据图(折线图、饼状图等等),在此我们使用v-charts进行图表的绘制
在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 V-Charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的图表。v-charts 已经处理了关于echarts依赖引入的问题,保证所使用的图表,都是最小的文件。
一、v-charts安装
注:vue版本:3.10.0,数据需要*尽量*使用指标维度的形式,具体可以参考[文档]:https://v-charts.js.org/#/data