当前位置: 首页 > 文档资料 > Chart.js 开发文档 >

1.6.1.1 类别(category

优质
小牛编辑
124浏览
2023-12-01

已经使用过v1.0的童鞋将会很熟悉这个类别刻度。标签是从包含在图表数据中的标签数组中抽取的。如果只定义了data.labels,则直接使用。如果定义了data.xLabels并且该轴是水平轴,则将使用该数据。同样,如果定义了data.yLabels并且该轴是垂直轴,则将使用此属性。同时使用xLabelsyLabels可以创建一个使用 X 和 Y 轴的字符串的图表。

如果没有定义,则指定上述任何设置将x轴定义为type:category。 为了更细粒度地控制类别标签,还可以将labels作为类别轴定义的一部分。 但是这样做并不适用全局默认值。

刻度配置选项

类别刻度提供了以下用于配置刻度的选项。它们嵌套在ticks子对象中。这些选项扩展了常用的刻度配置

名称类型默认值米搜书
minString要显示的最小项目 更多...
maxString要显示的最大项目更多...

Min Max 配置

对于minmax属性,该值必须位于labels数组中。在下面的例子中,x轴将只显示“March”到“June”的数据。

let chart = new Chart(ctx, {
    type: 'line',
    data: {
        datasets: [{
            data: [10, 20, 30, 40, 50, 60]
        }],
        labels: ['January', 'February', 'March', 'April', 'May', 'June'],
    },
    options: {
        scales: {
            xAxes: [{
                ticks: {
                    min: 'March'
                }
            }]
        }
    }
});