Styling React-Chartjs, чтобы заполнить родительский столбец

Question

Я не могу найти способ сделать столбец React-Chartjs заполнить весь столбец начальной загрузки.

<Col sm={ 6 } className="text-center"> 
     <Panel> 
      <h3 style={{color: "#bfbfbf"}}>1265</h3> 
      <p>orders</p> 
      <Bar width="100% !important" data={data} options={options}/> 
     </Panel> 
     <Panel> 
      <h3 style={{color: "#bfbfbf"}}>1265</h3> 
      <p>orders</p> 
      <Bar style={{ width: "100% !important", height: "auto !important" }} data={data} options={options}/> 
     </Panel> 
</Col> 

Результат:

Я очень предпочитаю не устанавливать статический вход в качестве приложения будет на разных экранах размера. Целесообразным был бы такой отзывчивый размер.

Answer 1

Вы можете сделать это в JS, используя вариант «Отзывчивый».

var myChart = { 
    type: 'line', 
    data: { 
     labels: getLabels(), 
     datasets: [{ 
     label: 'Graph1', 
     data: getData(), 
     }] 
    }, 
    options: { 
     'responsive' : true, 
    }