v-charts使用心得
前端er经常都会遇到使用
echarts
的时候,特别是弄后台管理的报表等地方,而v-charts
是echarts
的vue版本(饿了么写的),基本上能应付普通的图表。传送门
隐藏提示框与图例
v-charts渲染的标题过于简单,有时候跟设计稿的很不一样,需要自己用样式重新写,这时候,你可以选择隐藏默认的提示框和标题
//:tooltip-visible="false"
// :legend-visible="false"
//把这两个属性设置为false即可
<ve-ring
:tooltip-visible="false"
:legend-visible="false"
height="200px"></ve-ring>
设置柱状图的宽度
<ve-histogram
:data="chartData"
:settings="chartSettings"
:extend="chartExtend"
></ve-histogram>
chartSettings: {
barWidth: 15 //设置宽度为15px
}