作者:wr人在峡 | 来源:互联网 | 2022-12-01 12:35
我将通过echart库绘制折线图。当我绘制图表时,它也显示网格。我不需要网格,但是无法删除它。我已经签出了Echart选项,并且我知道grid:{show = false}是echart的选项,但是它无效。我的代码段如下。
function lineGraph(xAxisLabels){
var echartLine = echarts.init(document.getElementById('myElineChart'));
echartLine.setOption({
grid: {show: false},
xAxis: [{
type: 'category',
showGrid: false,
data: xAxisLabels
}],
yAxis: [{
type: 'value',
}],
series: [{
name: 'Actual',
type: 'line',
data: [820, 932, 901, 934, 1290, 1330, 1320]
}],
});}
结果如下:
如果您能帮助我,我将不胜感激。
1> 小智..:
我参加聚会很晚,但是如果将来有人需要帮助,请回答这个问题。
可以认为这是由于grid属性引起的,这是一个很好的猜测,但是默认情况下,Grid实际上设置为false。这些线是由X 和 Y轴上的属性splitLine 生成的,该属性使它看起来像网格。您可以通过如下所示更改属性来删除它:
function lineGraph(xAxisLabels){
var echartLine = echarts.init(document.getElementById('myElineChart'));
echartLine.setOption({
grid: {show: false},
xAxis: [{
type: 'category',
showGrid: false,
data: xAxisLabels,
splitLine: {
show: false
},
}],
yAxis: [{
type: 'value',
splitLine: {
show: false
},
}],
series: [{
name: 'Actual',
type: 'line',
data: [820, 932, 901, 934, 1290, 1330, 1320]
}],
});}