Chart.js xAxis线性比例尺：奇怪的行为 [英] Chart.js xAxis linear scale : strange behavior

问题描述

我正在尝试在chart.js图表​​的x轴上使用线性比例。
我添加了一些代码，因为在添加jsfiddle网址时，stackoverflow使它成为必需，但是我看不到要点：

I'm trying to use linear scale on x-axis in my chart.js chart. I add some code beause stackoverflow makes it obligatory when adding a jsfiddle url, but I don't see the point :

var options={
    scales:{
    xAxes:[{ type: "linear"}]
  }
};

我得到一个非常奇怪的图表（第二个）： http://jsfiddle.net/t0krmau8/

I'm getting a very strange chart (2nd one) : http://jsfiddle.net/t0krmau8/

在第一个图表中，我想要获得2到4之间的更多空间（比1到2之间的更多2倍的空间），这就是为什么我使用线性标尺。

In the first chart, I'd like to get more space between 2 and 4 (2 times more space than between 1 and 2), that's why I'm using a linear scale.

Am I使用线性标尺错了吗？还是我应该使用其他东西？

Am I using the linear scale wrong? Or should I use something else?

谢谢

推荐答案

您不要为散点线图提供正确格式的数据。

You're not providing the data in correct format for the scatter line plot.

提供数据的正确格式是由Chart.js文档中的以下示例进行了说明。

The correct format to provide the data is described by the following example from Chart.js Docs.

var scatterChart = new Chart(ctx/* your canvas context*/, {
 type: 'line',
    data: {
        datasets: [{
            label: 'Scatter Dataset',
            data: [{
                x: -10,
                y: 0
            }, {
                x: 0,
                y: 10
            }, {
                x: 10,
                y: 5
            }]
        }]
    },
    options: {
        scales: {
            xAxes: [{
                type: 'linear',
                position: 'bottom'
            }]
        }
    }
});

源

我认为 x 和 y 应该可以分为不同的数组，但是您始终可以执行组合步骤并将其组合为对象。

I think the x and y should be separable into different arrays, but you can always do a combination step and combine them into objects.

这篇关于Chart.js xAxis线性比例尺：奇怪的行为的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！