echarts问题记录

bidepanm

已于 2022-07-15 14:08:15 修改

阅读量1.8k

点赞数

文章标签： echarts 前端 javascript

于 2022-06-11 18:08:56 首次发布

本文链接：https://blog.csdn.net/bidepanm/article/details/125237135

版权

我讨厌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
	},

};