Echarts坐标轴线、坐标轴刻度线、网格线控制显示隐藏以及柱状
2022-08-15 本文已影响0人
深渊凝视
X轴如下;Y轴同理
xAxis: [
{
min: 0,
splitNumber: 8,
// //网格线
splitLine: {
show: true,
lineStyle: {
type: 'dashed', //y轴分割线类型
color: 'rgba(102,102,102,0.9)',
width: 2.5,
},
},
// 坐标刻度线
axisTick: {
show: false,
lineStyle: {
type: 'solid', //y轴分割线类型
color: 'rgba(102,102,102,0.9)',
width: 2.5,
},
},
// 坐标 轴线
axisLine: {
show: true,
lineStyle: {
type: 'solid',
// color: 'rgba(66, 192, 255, .3)',
color: 'rgba(102,102,102,0.9)',
width: 2.5
// color: 'red'
},
},
// //坐标轴样式
axisLabel: {
show: true,
textStyle: {
color: '#FFFFFF',
fontSize: 30,
padding: 10,
},
},
},
],