1、如下手机端的图表,可以看到legend排列不齐
2、通过设置v-charts的extend属性
html代码如下:
<ve-line :data="chartData" :settings="chartSettings" :extend="chartExtend" legend-position="bottom"></ve-line>
js代码如下:
chartExtend: {
series: {},
tooltip: {},
grid: {
right: '20%',
},
legend: {
icon: 'rect',
itemWidth: 12,
itemHeight: 12,
},
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value}℃'
}
}
},
3、查看e-charts的配置项legend,可以使用数组形式为每一个图例图标项单独配置&#x