如何跳过chart.js x轴上的刻度间隔?

bqucvtff  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(213)

我正在使用Chart.js。我想在图表上显示每隔三个的刻度和标签。使用下面的代码,我可以跳过每隔三个的标签,而不是间隔/刻度。
我想跳过/删除间隔。是否可以跳过分笔成交点和间隔而不修改输入数据?
我将非常感谢您提供的任何帮助。

options: {
        scales: {
            xAxes: [{
               autoSkip: false,
                ticks: {
                    callback: function(tick, index, array) {
                        return (index % 3) ? "" : tick;
                    }
                }
            }],
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
plupiseo

plupiseo1#

您可以定义可指令码化的选项options.scales.x.grid.tickColor,如下所示。这会产生array,只指定每第三行tick的颜色。

grid: {
  tickColor: labels.map((l, i) => i % 3 ? null : 'lightgray')
}

有关详细信息,请参阅Chart.js文档中的“网格线配置”。
请看一下下面的可运行代码,看看它是如何工作的。
第一个

相关问题