我讨厌echarts啊啊啊啊啊啊!!!!!!!!!!!!!!!!!!!!
-
问题:不显示lengend
解决: series中设置name,并且和legend中的data中的字段一样。
-
如果legend和饼图靠的很近,且设置grid无效的话,可以修改center
series: [
{
name: this.name,
type: 'pie',
hoverAnimation: false,
center: ['50%', '30%'], // x, y
emphasis: {scale: false},
itemStyle: {},
label: {show: false},
labelLine: {show: false}
}
]
- echarts隐藏坐标轴、刻度线、坐标值、网格
xAxis: {
show:false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
axisTick:{
show:false // 不显示坐标轴刻度线
},
axisLine: {
show: false, // 不显示坐标轴线
},
axisLabel: {
show: false, // 不显示坐标轴上的文字
},
splitLine:{
show:false // 不显示网格线
},
},
- 默认展示一个图例legend,其他手动控制展示
// legendData表示我这里的分组数组
let selectedLegent = {}; // 定义一个对象
for(let i in legendData) {
// 将除了平均分的其他图例都置为false,这里可以根据需求也显示部分其他的: &&legendData[i].indexOf('XXX')==-1
if(legendData[i].indexOf('平均分')==-1) {
selectedLegent[legendData[i]]=false
}
}
option = {
...
legend: {
...
selected: selectedLegent
},
};