如何修改这个图形 Angular 字符

问题描述

我正在尝试更改一个图形，我想隐藏数据集标签，但我尝试的任何方法都不起作用。

图形

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

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,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 更改为刻度，但我认为此对象没有修改任何内容。

解决方法

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

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

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

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