Показывать первый и последний ярлыки при включенном тикескипе - PullRequest
Новая
       31

Показывать первый и последний ярлыки при включенном тикескипе

0 голосов
/ 02 мая 2020

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

scales: {
        xAxes: [{
          type: 'category',
          ticks: {
            autoSkip": true,
            maxTicksLimit: 10
          }
        }]
      }

При указанных выше параметрах галочка ограничено 10, отображается первая метка, но не последняя. Из того, что я понимаю, первая этикетка всегда печатается. Вот пример диаграммы

Я использую ng2-charts для Angular. Ниже приведены соответствующие части HTML и js. 

public options = { "responsive":true,
          "scales": {
            "xAxes": [{
              "bounds": 'ticks',
              "type": 'category',
              "ticks": {
                "autoSkip": true,
                "maxTicksLimit": 10
              }
            }]
          }
        };

public dataSets: ChartDataSets[] = [{ data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' },];

public labels: Label[] = ['01/01/2020', '02/01/2020', '03/01/2020', '04/01/2020', '05/01/2020', '06/01/2020', '07/01/2020']; 
    <div style="display: block">
      <canvas baseChart
        [chartType]="'bar'"
        [datasets]="dataSets"
        [labels]="labels"
        [options]="options"
        ></canvas>
</div>
...