vchats的图例,有时候根据设计的需要,不一定用原来默认的位置,例如可能摆在图表的左边或者右边,也可能需要修改图例的颜色、文字等等,在vchart中是通过extend来设定的,示例如下: <VePie style="" :data="chartData" :extend="chartExtend"></VePie> chartExtend的内容如下(主要是legend的配置): chartExtend: { legend: { top: 45, // 距离上边界的地址 show: true…

2022-12-14 0条评论 342点热度 0人点赞 admin 阅读全文

在使用vcharts做饼图或者环形图的时候,因为需要调整图例的位置,导致饼图或者环形图本身的位置需要调整。 vchart中使用extend属性来设置: <VePie style="" :data="chartData" :extend="chartExtend"></VePie> chartExtend内容如下: chartExtend: { series: { center: ['20%', '25%'], symbolSize: 10, label: { show: false } } …

2022-12-12 0条评论 304点热度 0人点赞 admin 阅读全文

vue使用使用vchart,如果要统计两个维度,可以让Y轴左右各显示两个维度,例如: <VeHistogram :data="chartData" :settings="chartSettings" :extend="chartExtendBar"></VeHistogram> this.chartData = { columns: ['班级类型', '已开班级数', '已培训人次'], rows: [{'班级类型':'A班', '已开班级数': 5, '已培训人次': 2000}, {'班…

2022-12-08 0条评论 383点热度 0人点赞 admin 阅读全文