ng2-charts折线图，带有x和y轴值

乒乓

我正在尝试使用ng2-charts显示带有一组x和y值的函数。目前，它无法正确显示我的价值观。

我的（示例）数据集是：

chartDataSet: ChartDataSets[] = [ {
data: [
  { x: 5, y: 7 },
  { x: 10, y: 24 },
  { x: 15, y: 11 },
  { x: 20, y: 57 },
  { x: 25, y: 4 }]}];

如您所见，它仅显示前两个点，但是y轴标签正确缩放为60，因此似乎可以识别所有点。另外，我也希望在x轴的y轴上也有标签。

我的组件看起来像这样：

lineChartOptions: ChartOptions = {
responsive: true,
};
chartDataSet: ChartDataSets[] = [ {
 data: [
  { x: 5, y: 7 },
  { x: 10, y: 24 },
  { x: 15, y: 11 },
  { x: 20, y: 57 },
  { x: 25, y: 4 }]}];
lineChartType: ChartType = 'line';

我的HTML像这样：

 <canvas baseChart
                      [datasets]="chartDataSet"
                      [options]="lineChartOptions"
                      [chartType]="lineChartType">
              </canvas>

有什么建议如何解决这个问题？提前致谢

pc_coder

演示您需要缩放x轴才能在折线图中使用x和y坐标

 lineChartOptions: ChartOptions = {
    responsive: true,
    scales: {
        xAxes: [{
            type: 'linear',
            position: 'bottom'
        }]
    }
  };

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。