Блог

Набор данных имеет значения 10 и 50000, он не может отображать строку со значением 10 в столбце 2006 диаграммы, так как он меньше всего соответствует масштабу диаграммы. Может ли кто-нибудь помочь мне показать это?

 public barChartOptions: ChartOptions = {
    responsive: true,
    scales: { //you're missing this
      yAxes: [{
         scaleLabel: {
            display: true,
            labelString: 'Frequency Rate'
         },
         ticks: { // and this
            callback: function(value, index, values) {
             return value/1000   'k';
          }
        }
      }]
   }
  };
  public barChartLabels: Label[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
  public barChartType: ChartType = 'bar';
  public barChartLegend = true;
  public barChartPlugins = [];

  public barChartData: ChartDataSets[] = [
    
    { data: [6500, 5900, 8000, 8100, 5600, 5500, 4000], label: 'Series A' },
    { data: [10, 4800, 4000, 1900, 8600, 2700, 50000], label: 'Series B' }
  ];
 

Вы можете увидеть диаграмму на этом изображении

Вы можете увидеть полный код здесь: ссылка!

10 is 0.02% of 50000

На изображении, которым вы поделились, столбец 50 000 имеет высоту 210 пикселей и

0.02% of 210 is 0.042 px

Таким образом, его высота меньше пикселя, поэтому он не отображается в столбце.