Chartjs - 如何将线条位置设置为垂直中心以及如何在背景中显示尖锐的线条？

Question

我想问一下如何使用Chartjs库配置图表，以便以正确的方式获得与下图相似的结果？我试图在文档http://www.chartjs.org/docs/#line-chart-chart-options中找到任何选项，但没有运气。

非常感谢您的任何建议。

Answer 1

Chart.js版本2+

在scales.x | yAxes.gridLines配置对象中使用 borderDash 属性。

• http://www.chartjs.org/docs/#grid-line-configuration

示例：

• http://codepen.io/anon/pen/wzazda?editors=0010#0

var options = {
    scales: {
                xAxes: [{
                   gridLines: {
                      display: true,
                      lineWidth: 1,
                      borderDash: [1, 2],
                      color: "black"
                    }
                }],
                yAxes: [{
                   gridLines: {
                      display: true,
                      lineWidth: 1,
                      borderDash: [1, 2],
                      color: "black"
                    }
                }],
            }
}