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配置，我的图表会显示我指定的标签。相反，我的目标是隐藏这些标签，并通过设置min，max来使配置执行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/

ChartJs不显示数据

1 个答案: