自适应屏幕缩放
pie.setOption(option);
window.addEventListener("resize", () => { pie.resize();});
环形图模块增加点击事件
pie.setOption(option); // 点击事件 pie.on('click', function (params) { if(params){ that.searchType.checkList.push(params.name) } })
折线图(纵坐标取消刻度线/网格线/坐标值,横坐标显示初始值和末尾值)
yAxis: {
splitLine: {
show: false // 取消网格线
},
axisTick: {
show: false // 去掉刻度线
},
axisLabel: {
show: false, //取消坐标值
}
},
xAxis: {
// 只显示最大值和最小值
axisLabel: {
margin: 10,
interval: 100000,
showMinLabel: true,
showMaxLabel: true,
fontSize:10,
color: "blue" //刻度线标签颜色
}
},
折线图x轴两侧不留白
xAxis: {
//两侧不留白
boundaryGap: false,
},

本文介绍了如何使用ECharts实现自适应屏幕缩放、为环形图添加点击事件、定制折线图的显示效果,包括取消纵坐标刻度线、网格线及坐标值,仅显示横坐标最大最小值,并调整x轴不留白。
679

被折叠的 条评论
为什么被折叠?



