Chart.js v2 - 带有条形图的部分 Y 网格线

Question

我想要 x 轴上的微小“刻度”，如图中绿色条之间的图像所示，它们进入图表，但不是一直到图表顶部。我已经能够打开或关闭它们，但无法让它们仅部分上升。

Answer 1

能够以一种“hacky”的方式完成此操作，但最终还是这样做了：

 options= {
        scales: {
                // The following will affect the vertical lines (xAxe) of your dataset
                xAxes: {                 
                    grid: {
                        tickWidth:0, 
                        borderDashOffset:-210,
                        drawBorder:true,
                        borderDash: [20,230],    
                    },
                },
                
        }
    }

tickWdith: 0 是为了阻止报价低于 x-axis 线。 borderDash 是我需要的 fine-tuned，230 是到达图表底部的最佳点，因为破折号从 grid-lines 的顶部开始。 borderDashOffset 为 -210，即边框破折号的长度 + 间距的负值 (230)。这也是我完成结果的张贴图片：

Chart.js v2 - 带有条形图的部分 Y 网格线

Chart.js v2 - Partial Y -grid lines with bar chart

javascript

chart.js

bar-chart