React-chartjsオプションを無視する

Question

私はreact-chartjsを使用してこのコードを取得しています。それはグラフを表示しますが、オプションは毎回無視されます。オプションをコンポーネントに追加する別の方法がありますか？あなたは、「データセットの構造を」使用している

import React, { PropTypes } from 'react' 
var LineChart = require("react-chartjs").Line; 

var data = { 
    labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'], 
    datasets: [{ 
    label: 'apples', 
    data: [12, 19, 3, 17, 6, 3, 7] 
    }] 
}; 

var options = { 
    lineTension : 0, 
    fill : false, 
    showLines : false 
}; 

const Graph =() => (
    <span> 
    <h1>Heart Graph</h1> 
    <LineChart data={data} options={options} width="600" height="250"/> 
    </span> 
) 

export default Graph 

Answer 1

はそうLine Chart Datasetsためのオプションでドキュメントをチェックしてください。

データオブジェクト（この場合はComponents data支柱）に「オプション」を送信することをお勧めします。

var data = { 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [ 
     { 
      label: "My First dataset", 
      data: ['data1', 'data2'], 
      fill: false, 
      lineTension: 0.1, 
      ... 

また、オプションpropにAxis設定のより複雑なオプションオブジェクトを提供することもできます。

options: { 
    scales: { 
     xAxes: [{ 
      type: 'linear', 
      position: 'bottom' 
     }] 
    } 
}