使用Charts.js加厚X轴

Question

使用Chart.bundle.js脚本（文档here），我在javascript中的对象中创建了折线图。此外，我的x轴是数字，范围从-100到100.对我来说非常重要的是，负数和正数之间有明显的区别，因此我试图在我的上显示清晰，大胆的x轴图表对象;但是，看起来Chart.js似乎没有提供此功能 - 或者我可能找不到它。有没有办法制作更厚的x轴？如果有必要，我对传统解决方案以及hacky解决方案持开放态度。

Answer 1

在您的选项中，您可以设置lineWidth选项：

options: {
   scales: {
      xAxes: [{ 
        gridLines: { lineWidth: 50 },
     }]
  }
}

corresponding docs

Answer 2

为使x轴更粗，我们在yAxes网格中设置 zeroLineWidth：2
为了使y轴更粗，我们在xAxes网格线中设置了这条线 zeroLineWidth：2

文档：

enter link description here

yAxes: [{           
 gridLines: {
    zeroLineWidth:2
}           
}],
 xAxes: [{
  gridLines: {
    zeroLineWidth:2
 }
}]