CHART.js中散点图中x轴的非数字

Question

我正在尝试使用chartjs生成散点图。在我的散点图中，我希望x轴刻度标签是一个字符串。但是，如果我尝试以下代码，我会在我的x轴标签比例中获得数字

datasets: [{
        label: 'Scatter Dataset',
        data: [{
            x: "a",
            y: 0
        }, {
            x: "b",
            y: 3
        }, {
            x: "",
            y: 5
        }]
    }]

如何将我的x轴刻度设置为字符串值并使图形工作？

Answer 1

我不相信你所要求的是散点图可以实现的。 Documentation表示它只接受点格式的数据。因此，您的数据定义甚至不正确。您可以使用折线图并以数组格式（仅y轴值）提供数据，并提供labels属性作为要显示为x轴标签的字符串数组。有关说明，请参阅starting example。

Answer 2

这是可以实现的，在文档中。作为轴定义的一部分：

let chart = new Chart（ctx，{ 类型：... 数据：... 选项：{ 秤：{ x轴：[{ 类型：“类别”， 标签：['一月'，'二月'，'三月'，'四月'，'五月'，'六月'] }] } } }）;

上：https://www.chartjs.org/docs/latest/axes/cartesian/category.html