Javascript Chartjs,基于不等时间间隔的绘图数据

Javascript Chartjs,基于不等时间间隔的绘图数据,javascript,graph,chart.js,Javascript,Graph,Chart.js,我正在绘制一个图表,其中x轴表示时间,y轴表示相应的数据 现在我得到了今天、上周、上月和去年的数据 var myLineChart = new Chart(ctx).Line(data, options); var data = { labels: ["last year", "last month", "last week", "today"], datasets: [ { label: "My First dataset",

我正在绘制一个图表,其中x轴表示时间,y轴表示相应的数据

现在我得到了今天、上周、上月和去年的数据

var myLineChart = new Chart(ctx).Line(data, options);
var data = {
    labels: ["last year", "last month", "last week", "today"],
    datasets: [
        {
            label: "My First dataset",
            data: [80, 81, 56, 40]
        }
    ]
})

当我绘制图形时,每个点之间的距离是相同的。 但这是不正确的,因为时间间隔不同

“去年”和“上月”之间的距离应大于“上周”和“上月”之间的距离


任何人都知道我如何使用chartjs实现这一点,当我查看时,我看不到任何选项

必须使用chart.js的扩展名,该扩展名在数据结构中包含x和y值的数据。我找到的一个是


更长的解释是,默认情况下,您在chart.js中使用的标签只是标签;它们不会被解析为任何类型的x值。

您可以使用Chart.js散点图类型()。还记得在
数据集
选项中设置
showLine:true

我发现这会在x轴的起点和终点产生间隙。可以按如下方式输入x轴的最小刻度和最大刻度:

scales: {
  xAxes: [
    {
      display: false,
      ticks: { max: maxX, min: minX }
    }
  ],
  yAxes: [
    {
      display: false
    }
  ]
}