ng2-chart:条形图中最小值不可见

Question

数据集的值为10和50000，在图表的2006列中不能显示值为10的条形图，因为它与图表的比例最小。谁能帮我展示一下吗?

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' }
];

你可以在这张图中看到图表

你可以在这里看到完整的代码:一个链接!

Answer 1

10 is 0.02% of 50000

在你分享的图片中，50000列的高度是210px，

0.02% of 210 is 0.042 px

所以它的高度小于一个像素，这就是为什么它不在列中呈现。