当数据介于2和5之间时,ng2-charts不起作用

时间:2017-09-01 03:57:08

标签: angular typescript chart.js

ng2-charts不起作用当数据介于2和5之间时。

当数据介于2和5之间时,图表无法正常工作。 当数据大于5图表工作时。

enter image description here

enter image description here

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





 public barChartLabels: string[] = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 
  'June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'];
    public barChartType: string = 'bar';
    public barChartLegend: boolean = true;



 public barChartData: any[] =
    [
        { data: [0, 0, 0, 0, 0, 0,0,0, 0, 6, 0, 0], label: 'Transaction' },
        { data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], label: 'Ticket ' },
        { data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], label: 'Visit ' }
    ];

2 个答案:

答案 0 :(得分:0)

为y轴刻度设置 stepSize: 1

...
public barChartOptions: any = {
   scaleShowVerticalLines: false,
   responsive: true,
   scales: {
      yAxes: [{
         ticks: {
            beginAtZero: true,
            stepSize: 1 //<- set this
         }
      }]
   },
};
...

答案 1 :(得分:0)

它没有很好的大数据量视图。