如何修改此图形 Angular 字符

Question

我正在尝试更改一张图片，我想隐藏数据集标签，但我尝试过的都不起作用。

图形

我正在使用的图书馆是图书馆：

import { ChartDataSets, ChartOptions, ChartType } from 'chart.js';
import { Color } from 'ng2-charts/public_api';
import { BaseChartDirective,Label } from 'ng2-charts';

这是我的代码：

  labelsGraphic:[];
  public lineChartData: ChartDataSets[] = [{data:[], label:""}];
  public lineChartLabels:Label[];

  public lineChartColors: Color[] = [
    { // blue
      backgroundColor: '#13161a',
      borderColor: '#257bcc',
      pointBackgroundColor: 'rgba(148,159,177,1)',
      pointBorderColor: '',
      pointRadius:0,
      pointHoverBackgroundColor: '#fff',
      pointHoverBorderColor: 'rgba(148,159,177,0.8)'

    },
  ];
  public lineChartOptions: (ChartOptions & { annotation: any }) = {
    responsive: true,
    scales: {
      xAxes: [{
         gridLines: {
            display: false
         }
      }],
      yAxes: [{
         gridLines: {
            display: false
         }
      }]
   },
    annotation: {

    },
  };

  public lineChartLegend = false;
  public lineChartType: ChartType = 'line';

我尝试将 gridLines 更改为 ticks，但我认为该对象没有修改任何内容。

Answer 1

尝试在不使用较低版本的 gridLines 属性的情况下放置比例尺

 scales: {
      xAxes: [{
         display: false
      }],
      yAxes: [{
         display: false
      }]
   },

对于最新版本尝试禁用刻度

scales: {
          xAxes: [{
             ticks: {
                display: false
            }
          }],
          yAxes: [{
              ticks: {
                display: false
            }
          }]
       },

如何修改此图形 Angular 字符

How to modify this graphic Angular char

css

char

ionic-framework

angular