Chart.js 图表J在x轴上显示秒数,在y轴上显示音量

Chart.js 图表J在x轴上显示秒数,在y轴上显示音量,chart.js,chartjs-2.6.0,Chart.js,Chartjs 2.6.0,我想把y表示为时间,x表示为体积 我基本上知道,如果需要8.5秒,比如说10000卷或1000 000卷 我希望时间在x轴上,音量在y轴上 时间与日期无关,它的时间以刻度表示,因此它的0开始 正在努力寻找一个gd示例 我已经做了快速POC的,但似乎应该有一个更简单的例子,我的工作基础 我相信我需要做一些计算来得到范围,但即使我有范围,也不确定哪种图表类型和设置最适合 我想在底部显示标签显示时间(毫秒/秒) [0100200400,800,10000,15000]毫秒-然后可以尝试一些格式选项,以

我想把y表示为时间,x表示为体积

我基本上知道,如果需要8.5秒,比如说10000卷或1000 000卷

我希望时间在x轴上,音量在y轴上

时间与日期无关,它的时间以刻度表示,因此它的0开始

正在努力寻找一个gd示例

我已经做了快速POC的,但似乎应该有一个更简单的例子,我的工作基础

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

我想在底部显示标签显示时间(毫秒/秒)

[0100200400,800,10000,15000]毫秒-然后可以尝试一些格式选项,以除以1000秒

strarted,但又似乎是错误的方向

也玩弄,但似乎也不确定也错误的方向,是不是有人能给我举个例子。。。我可以利用

为了澄清这一点,它应该从0开始,并在时间上沿x向前移动到顶点

因此,当你看图表时,你可以看一眼,在它下面画一条线,这应该是所花的时间

// 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
          },

        }
      ]
    }
  }
});
//变量标签=[]
//var tickms=325362132/10000;
//for(设i=0;i
当您添加

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

这里有一个例子:

越来越近了,thx会在以后做更多的工作,这可能是公认的答案。也许最好做一些散点图来表示这种类型的一天,这取决于你想要什么。我不确定如何表示这些值。是的,如果每个数据集只需要一个数据,那么散点图会更好。如果要在它们之间画一条线,请将它们放在折线图中的一个数据集中。若要提供上下文。。。我试图显示,运行时间与处理量。我正在处理数据行,我记录了所需的时间和处理的行数。。。我想展示的是一种奇特的图表,它显示了每次运行所花费的时间与处理的行数之比。建立一个应用程序,我试图指出作为一个卖点的时间量是它所需要的。。。(快速)…试图用视觉的方式展示这一点。