小编Man*_*ish的帖子

Chart.js:仅显示零索引处的水平网格线

如何显示零值的水平网格线?

我目前正在使用以下代码:

yAxes: [{
    gridLines: {
        display: true,
        color: [
            "rgba(0, 0, 0, 0.1)",
            "rgb(255, 255, 255)",
            "rgb(255, 255, 255)",
            "rgb(255, 255, 255)",
            "rgb(255, 255, 255)"
        ],
    },
    afterTickToLabelConversion: function (scaleInstance) {
        scaleInstance.ticks.unshift(null);
        scaleInstance.ticksAsNumbers.unshift(null);
        scaleInstance.zeroLineIndex++
        display: false
    },
Run Code Online (Sandbox Code Playgroud)

当图表显示在具有白色背景的HTML页面上时,此工作正常.

但是,当图表被保存并在图片查看器中看到时,白线出现(我需要隐藏/移除这些线,同时保持线在零位置).

例:

例

gridlines chart.js

1
推荐指数
2
解决办法
3121
查看次数

标签 统计

chart.js ×1

gridlines ×1