Скрыть одну из трех подсказок в ng2-диаграммах - PullRequest
Новая
       45

Скрыть одну из трех подсказок в ng2-диаграммах

0 голосов
/ 25 февраля 2019

Я использую пузырьковую диаграмму, указанную из .Я предоставляю три значения для данных диаграммы.Один - x, другой - y, а последний - r для радиуса.Все три отображаются во всплывающей подсказке, я хочу, чтобы в подсказке отображались только x и y.

HTML 

<div style="display: block" *ngIf="ChartData">
<canvas baseChart  width="400" height="180" [datasets]="ChartData" [labels]="ChartLabels" [options]="ChartOptions" [legend]="ChartLegend"
[chartType]="ChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)"></canvas>
</div>

TS 

    public ChartOptions:any = {
    scaleShowVerticalLines: false,
    responsive: true
  };
  public ChartLegend:boolean = true;
  public ChartType:string = 'bubble';
  public ChartData:any[] = [
    {
      data:[
        {x:15,y:15.59,r:7.5},
      ],
      label:'Series A',
      backgroundColor:'#FF6384',
      hoverBackgroundColor:'#FF6388'},
}]
}

  public ChartOptions:any = {
    scaleShowVerticalLines: false,
    responsive: true,
    scales: {
      yAxes: [{
          ticks: {
              beginAtZero: true
          }
      }],
      xAxes: [{
        ticks: {
            beginAtZero: true
        }
    }],

  }
  };

My output

Мне не нужно, чтобы 7,5 отображалось во всплывающей подсказке.

1 Ответ

0 голосов
/ 25 февраля 2019

enter image description here Использование angular2-chartjs , поскольку ng2-charts больше не поддерживает пузырьковые диаграммы.

Редактор StackBlitz

Рабочая демоверсия

...