Javascript Chart.js删除网格线

卡在chart.js项上，因为文档似乎不是特别清晰

只是尝试从图表中删除网格线。我尝试了堆栈溢出中引用的两种旧语法：

options: {
    scales: {
      xAxes: [{
        gridLines: {
          display: false,
        }
      }]
    }
  }

以及新的语法：

options: {
    scales: {
      y: {
        grid: {
          drawBorder: false
        }
      }
    }
  }

两者都不起作用

以下是我的片段：

var ctx=document.getElementById（“myChart”）；
var myChart=新图表（ctx{
类型：'bar'，
数据：{
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[{
标签：“#投票数”，
数据：[12,19,10,5,8,11]
}]
},
选项：{
比例：{
xAxes：[{
网格线：{
显示：假，
}
}],
y:{
网格：{
抽边线：假
}
},
}
}
});
.myChartDiv{
最大宽度：600px；
最大高度：400px；
}
您要查找的属性被称为
display
而不是
drawBorder
，而且您的
xax
定义错误，您使用的是v2语法而不是v3语法

例如：
var ctx=document.getElementById（“myChart”）；
var myChart=新图表（ctx{
类型：'bar'，
数据：{
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[{
标签：“#投票数”，
数据：[12,19,10,5,8,11]
}]
},
选项：{
比例：{
x:{
网格：{
显示：假，
}
},
y:{
网格：{
显示：假
}
},
}
}
});
.myChartDiv{
最大宽度：600px；
最大高度：400px；
}
我遇到了同样的问题，我通过将网格线的颜色设置为白色来解决它，如下所示：

  scales: {
    xAxes: [{
      gridLines: {
        color: '#ffffff'
      }
    }]
  }

这是解决办法

看起来新版本中的许多配置都已更改



var ctx=document.getElementById（“myChart”）；
var myChart=新图表（ctx{
类型：'bar'，
数据：{
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[{
标签：“#投票数”，
数据：[12,19,10,5,8,11]
}]
},
选项：{
比例：{
x:{
网格：{
drawOnChartArea:假
}
},
y:{
网格：{
drawOnChartArea:假
}
}
}
}
});
.myChartDiv{
最大宽度：600px；
最大高度：400px；
}

LeeLenalee好奇，你是如何解决这个问题的？当我查看他们的文档时，我看到有一个
显示：布尔值
，但在树
网格下
或
比例下的
x
或
y
下没有明确的标识。是否在某个地方有完整的元素树，或者您知道的更好的文档？例如，在scales文档中：在子标题下，您可以看到名称空间，这就是您知道要放置配置的地方感谢Dyvd！在他们cdn-3.2.1上的最新版本的chart.js中，这个解决方案似乎不再有效。显然，
scales:{}
下的元素树已经发生了很大的变化，但是我找不到任何支持当前元素树的清晰文档。LeeLenalee的解决方案（如上）解决了这个问题。啊，好的，很高兴听到。谢谢你的反馈