棒グラフの最小数として0を設定することはできますか？ react-chart.js-2

Question

私はreact-chart.js-2を使って棒グラフを作ろうとしています。私はちょうどすべての棒グラフの例が0ではなく、データの最小数から始まっていることに気付きました。

以下の例は、棒グラフは0ではなく40から始まります。私がしたいのは、 0から、データの最小数ではありません。

それが反応し-chart.js2を使用してそれを作ることは可能ですか？ここ

は、ここでは、コード（公式例の大部分コード）

import React from 'react'; 
import {Bar} from 'react-chartjs-2'; 
import 'chartjs-plugin-datalabels'; 


const data = { 
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], 
datasets: [ 
{ 
    label: 'My First dataset', 
    backgroundColor: 'rgba(255,99,132,0.2)', 
    borderColor: 'rgba(255,99,132,1)', 
    borderWidth: 1, 
    hoverBackgroundColor: 'rgba(255,99,132,0.4)', 
    hoverBorderColor: 'rgba(255,99,132,1)', 
    data: [65, 59, 80, 81, 56, 55, 40] 
    } 
] 
}; 


export default React.createClass({ 
displayName: 'BarExample', 

render() { 
return (
    <div> 
    <h2>Bar Example (custom size)</h2> 
    <Bar 
     data={data} 
     width={150} 
     height={100} 

    /> 
    </div> 
); 
} 
}); 

がdemoです。

Answer 1

あなたは、y軸のためtrueにbeginAtZeroプロパティを設定する必要があります、0からy軸を起動するには、そのように、あなたのチャートオプションで、ダニ：

が見

options={{ 
    scales: { 
    yAxes: [{ 
     ticks: { 
     beginAtZero: true 
     } 
    }] 
    } 
}} 

- working demo