javascript - 如何固定堆叠的对数条形图值以适合网格

我有一个工作的未堆积对数水平条形图。我需要这张图的副本，其中X轴和Y轴都被堆叠（同时）。问题出在我将轴更改为堆叠时， （https://i.imgur.com/LH6YTy0.png）-图片显示了这些值，底部的网格显示了数据不适合网格的值-是bug还是我？俯视什么？

该代码是一个简单的图表声明，我现在正在使用4个数据集，每个数据集如下所示：

{label: "D_number_data", data: Array(11), fill: false, backgroundColor: "#80B300", borderColor: "#80B300", …}

我认为数据集或将它们分配给图表的方式都没有错，因此堆叠的轴必须存在某些问题。

我尝试过调整大小并仅更改一个要堆叠的轴，这也是可行的，但是我需要将两个轴堆叠的原因是那样的话，它们不会彼此重叠，因此更容易查看和阅读数据。

let myChart = new Chart(ctx2, {
    type: 'horizontalBar',
    data: {
        labels: [],
        datasets: [],
    },
    options: {
    labels:'50px',
    borderWidth:1,
        maintainAspectRatio: false,
        scales: {
        xAxes: [{
        stacked:true,
        barPercentage: 1,
            ticks:{
                autoSkip: false,
                pointLabelFontSize: '20px'
            },
        }],
        yAxes: [{
      stacked: true,
      barPercentage: 0.4,
            ticks:{
            fontColor: 'rgb(0, 0, 0)'},
            fontSize:500,
        }],
        }
    }
});

预期结果将是这些值适合网格中的值并且条形图停留在画布上。

最佳答案

发现了问题，在我的项目中，数据集对象中的数据是一个字符串数组（类似[“ 1”，“ 2”，“ 3”]之类的）。在解析了数据数组中的元素之后，堆叠的对数条形图可以正常工作。有趣的事情是，我使用chart.js创建了许多带有字符串数据数组的chart-s，并且我只在chart-s中遇到了此问题，其中类型设置为对数，并且两个轴都设置为堆叠。

关于javascript - 如何固定堆叠的对数条形图值以适合网格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54076330/