javascript - ChartJs 不显示数据

Question

我正在尝试制作一个图表来显示一些振动数据。我正在使用 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 作业。如下图，但是我的数据没有显示出来。 我错过了什么？

Answer 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/