gpt4 book ai didi

charts - 如何从Echart库的折线图中删除网格

转载 作者:行者123 更新时间:2023-12-03 23:29:15 24 4
gpt4 key购买 nike

我将通过echart库绘制折线图。当我绘制图表时,它也显示网格。我不需要网格,但我无法删除它。我已结帐 Echart options我知道 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]
}],
});}

结果如下:
enter image description here

如果你能帮助我,我将不胜感激。

最佳答案

我参加聚会迟到了,但是如果将来有人需要帮助,请回答这个问题。

认为这是因为 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]
}],
});}

关于charts - 如何从Echart库的折线图中删除网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53011063/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com