Chartjs 在 x 轴上显示秒数，在 y 轴上显示音量

Question

我想将 y 显示为时间，x 和某物的体积

我基本上如果需要 8.5 秒就可以说 10 000 卷或 1000 000

我想在 x 轴上有时间，在 y 轴上有体积。

时间与日期无关，它的时间以滴答形式表示，所以它从 0 开始。

努力寻找 gd 示例，

我已经完成了快速 POC，但似乎应该有更简单的示例来作为我工作的基础。

我相信我需要做一些计算来获得范围，但即使我有范围也不确定哪种图表类型和设置最合适。

我想在底部显示标签 ms/s

[0,100,200,400, 800, 10000, 15000] 毫秒 - 然后可以尝试一些格式化选项以除以 1000 秒。

开始 https://jsfiddle.net/co43r6ef/ 但方向似乎又错了。

也在玩弄但似乎也不确定方向也错了，有没有人能给我举个例子……我可以利用。

澄清一下，它应该从 0 开始，并沿 x 向前移动到 peek。

因此，在查看图表时，您可以查看图表下方有一条向下的线，这应该是所花费的时间。

// var labels = []
// var tickms = 325362132 / 10000;

//   for (let i = 0; i < tickms ; i++) {
//    if (i%1000 === 0) {
//  labels.push(i)
//    }
//   }
var ctx = $("#canvas")[0].getContext("2d");
var data = {
  datasets: [
    {
      label: "Scatter Dataset",
   //   labels: labels,

      data: [
        { x: 0, y: 0},
        { x: 10, y: 1000 },
        { x: 20, y: 2000 },
        { x: 30, y: 3000 },
        { x: 40, y: 6000 },
        { x: 50, y: 8000 },
        { x: 1066, y: 10000 }
      ]
    }
  ]
};

var myLineChart = new Chart(ctx, {
  type: "line",
  data: data,
  options: {
    scales: {
      xAxes: [
        {
          scaleLabel: {
            display: true
          },

        }
      ]
    }
  }
});

Answer 1

添加

应该没问题

options: {
  scales: {
    xAxes: [{
      type: 'linear'
    }]
  }
}

举个例子：https://jsfiddle.net/1sxrtcw5/1/

Chartjs 在 x 轴上显示秒数，在 y 轴上显示音量

Chartjs show seconds on the x axis and volume on the y

chart.js

chartjs-2.6.0