Angular Chart.js条形图

Question

我正在使用角度7中的chart.js条形图。此图显示了保单及其销售数量之间的关系。如果最大销售数量是2或1或很小的数量，则该图表以点为单位显示y轴上的值，从1开始并以最大值结束。现在我有最多6个策略，因此这些值可以它们中没有点，但是当最大策略数减少到2时，值分别为1.0、1.1、1.2、1.3 .... 2.0。我希望这些值在y轴上为非十进制，并且它们也应该从零开始，直到最大值0、1、2、3...。可能吗？

// component

   chartData1 = [
      {
        label: 'Policies',
        data: this.policies 
      },

    ];

chartOptions = {
  responsive: true    // THIS WILL MAKE THE CHART RESPONSIVE (VISIBLE IN ANY DEVICE).
}

//模板

<canvas
        baseChart
        [chartType]="'bar'"
        [datasets]="chartData"
        [labels]="labels"
        [options]="chartOptions"
        [legend]="true"
        height="80"
        width="100"
        [colors]="colors"
        (chartClick)="onChartClick($event)">
    </canvas>

Answer 1

在您的组件内，尝试如下定义chartOptions：

chartOptions = {
  responsive: true,
  scales: {
     yAxes: [{
        ticks: {
            beginAtZero: true,
            stepSize: 1
        }
    }]
  }
}