如何在react-chartjs-2中设置选项?

时间:2017-04-19 23:38:12

标签: javascript reactjs react-chartjs

反应图2 https://github.com/gor181/react-chartjs-2

正在下面引用

图表JS http://www.chartjs.org/docs/#getting-started

react-chartjs-2中的文档引用了chart.js文档并且它们都错了。我无法弄清楚如何配置反应中的图表,特别是选项。有人知道吗?

1 个答案:

答案 0 :(得分:3)

<Bar
    data={{
      labels: this.props.labels,
      datasets: this.props.data
    }}
     options={{
       legend: {
         display: false
       },
       scales: {
         yAxes: [{
           ticks: {
              max: this.props.maxY,
              min: 0,
              stepSize: 3
            }
          }]
         },
        title: {
         display: this.props.display,
         text: this.props.title
        }
     }}
/>