ECharts 座標軸顏色改變、位置改變、去網格
阿新 • • 發佈:2019-01-10
xAxis.splitLine
座標軸在 grid 區域中的分隔線。
xAxis: { type: 'value', //改變X 軸的位置 top\bottom position:'top', boundaryGap: [0, 0.01], // 控制網格線是否顯示 splitLine: { show: false, lineStyle: { color: ['#fafafa'] } }, // 改變x軸顏色 axisLine:{ lineStyle:{ color:'#fafafa', } }, },
xAxis: { type: 'value', //改變X 軸的位置 top\bottom position:'top', boundaryGap: [0, 0.01], // 控制網格線是否顯示 splitLine: { show: false, lineStyle: { color: ['#fafafa'] } }, // 改變x軸顏色 axisLine:{ lineStyle:{ color:'#fafafa', } }, },
yAxis.axisLine
yAxis: { type: 'category', show: true, data: ['南京','揚州','鎮江','南通','泰州','常州','徐州','連雲港'], splitLine: { show: false, lineStyle: { color: ['#fafafa'] } }, // 改變x軸顏色 axisLine:{ lineStyle:{ color:'#fafafa', } }, },
圖Ⅰ原圖
圖Ⅱ座標軸顏色改變、去網格
圖Ⅲ X軸顯示在上方