ChartJs 不显示数据答案

【问题标题】：ChartJs Not displaying dataChartJs 不显示数据
【发布时间】：2018-02-23 16:07:52
【问题描述】：

我正在尝试制作一个显示一些振动数据的图表。我正在使用 angular 和 chartjs。

我声明了我的标签（512 个条目）我声明了我的数据（512 个条目）

和

$scope.datasetOverride2 = [{ xAxisID: 'x-axis-1', yAxisID: 'y-axis-1'  }];
$scope.options2 = {
      scales: {
        yAxes: [
          {
            id: 'y-axis-1',
            type: 'linear',
            display: true,
            position: 'left'
          }
        ],
        xAxes: [{
          id: 'x-axis-1',
          type: 'linear',
          scaleLabel: {
            display: true,
            labelString: 'Hz',
            fontStyle: 'bold'
          },
          ticks: {
            min: -1945.4,
            max: 1953,
            callback: function (value, index, values) {
              return parseFloat(value).toFixed(1);
            },
            autoSkip: true
          }
        }]
      }
    };

如果我删除我的 xAxes 配置，我的图表会显示但带有我指定的标签。相反，我的目标是隐藏这些标签并通过设置最小值、最大值来使配置完成 xAxis 工作... 如下图，但是我的数据没有显示出来。我错过了什么？

【问题讨论】：

标签： javascript angularjs chart.js

【解决方案1】：

使用线性轴配置时要注意，所以数据是points由一对{x, y}标识的，如下所示：

$scope.data = [
    [
        { x: 0, y: 20 }, 
        { x: 1, y: 22 }, 
        { x: 2, y: 30 }, 
        { x: 3, y: 5 }, 
        ...
    ],

检查我的工作示例：https://jsfiddle.net/beaver71/7sbchj9n/

【讨论】：