1.开始
打开官方文档 https://v-charts.js.org/#/
指南->开始使用 根据官方文档完成安装操作。
若是在vue工程中按需引入,可参照以下方式
<templage>
<div>
<ve-line ref='inGoodLine'
:data="chartData"
:grid="grid"
height='100%'
:legend="legend"
:x-axis="xAxis"
:y-axis="yAxis"
:colors='colors'
width='100%'></ve-line>
</div>
</templage>
import VeLine from 'v-charts/lib/line'
export default {
components: {
VeLine
},
}
2.v-charts 使用方式讲解
官方的没有使用教程只有文档和示例,没有教程,如果刚接触v-charts,e-charts,若有独特的需求很难实现。
2.1 图表属性
图表属性分两种,一个是共有属性(基础属性),一个是表格私有属性。