ember.js CHART.js散点图中的X轴为非数值

xnifntxz 于 2022-11-23 发布在 Chart.js

关注(0)|答案(2)|浏览(195)

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

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

如何将X轴刻度设置为字符串值并使图形正常工作？

ember.js

来源：https://stackoverflow.com/questions/44406388/non-numeric-for-x-axis-in-scatter-chart-in-chart-js

2条答案

按热度按时间

wdebmtf21#

它是可以实现的，它在文档中。作为轴定义的一部分：
让图表=新图表（ctx，{类型：...数据：...选项：{比例：{x轴：[{类型：“类别”，标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”]}] } }}）;
日期：https://www.chartjs.org/docs/latest/axes/cartesian/category.html

赞(0）回复(0）举报 2022-11-23

6yoyoihd2#

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

赞(0）回复(0）举报 2022-11-23