Как построить линейный график с несколькими данными, но только с 2 метками? - PullRequest
Новая
       14

Как построить линейный график с несколькими данными, но только с 2 метками?

0 голосов
/ 19 октября 2019

Итак,

Я использовал ng2-диаграммы для того, чтобы я мог создавать компоненты с использованием библиотеки chartjs в своем угловом приложении и хочу построить диаграмму, которая показывает только первую и последнюю метку и точкутак что график может быть легко читаемым и чистым.

Как я могу просто показать первый и последний?

Или только последний

1 Ответ

1 голос
/ 19 октября 2019

В Chart.js метки могут быть представлены в виде массива.

Пример

component.html 

<canvas baseChart width="400" height="400"
                    [datasets]="lineChartData"
                    [labels]="lineChartLabels"
                    chartType="line"></canvas>

component.ts 

  public lineChartData: ChartDataSets[] = [
    { data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' }
  ];
  public lineChartLabels: Label[] = ['January', '', '', '', '', '', 'July'];

Согласно вашему требованию вы можете установить пустые значения для меток, кроме первой и последней.

...