Question

我创建了一个带有“时间”轴的折线图。我在时间轴上添加了2个标签;时间1，时间1 + 15分钟。但我的图表总是显示标签2为Time1 + 1分钟。为什么它没有显示正确的标签。

我已经在jsfiddle上添加了我的代码，但不知何故它不适用于小提琴。

        var ctx = document.getElementById("chartData").getContext("2d");
    var LiveChart = new Chart(ctx, {
      type: 'line',
      data: data_live,
      options: live_options
    });

这是链接http://jsfiddle.net/uLUAT/563/

编辑：我们走了。我想制作一个实时图表，并希望我的窗口总是固定大小。即我总是想在我的图表中显示5分钟的数据。当我在图表上显示5分钟的数据时，它应该开始删除旧数据并仅显示最新数据，标签也不应该在我的图表中增加。在小提琴上，您可以看到，一旦新数据出现，xaxis上的标签数量就会增加。我怎样才能做到这一点？

非常感谢任何帮助。

Answer 1

如果您使用的是Chart.js v1或v2，则语法会有所不同。

您使用<script src="http://www.chartjs.org/assets/Chart.js"></script>导入了v1.02库。

但实际上你使用的是v2语法：

var myChart = new Chart(ctx, {
    type: 'line',
    data: data_live,
    options: live_options
});

您可以通过导入正确的库（即v2）来解决此问题：

<!-- The following is the latest version of Chart.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>

hereChartJS带时间轴的折线图

1 个答案: