Как настроить разную ширину баров в чартах? - PullRequest
Новая
       5

Как настроить разную ширину баров в чартах?

0 голосов
/ 27 августа 2018

Я новичок в React и хочу установить разную ширину для баров, которая выглядит как гистограмма .

Я использую response-chartjs, но мне не удалось найти решение,Мой текущий код: 

const data = (canvas) => {
  const ctx = canvas.getContext("2d");
  return {
    labels: ['1', '2', '3', '4', '5', '6'],
    datasets: [
      {
        data: [
          {x:this.props.reliefZone1.startPosition,y:100},
          {x:this.props.reliefZone2.startPosition,y:100},
          {x:this.props.shockZone1.startPosition,y:100},
          {x:this.props.shockZone2.startPosition,y:100}
        ],
        backgroundColor: [
          'rgba(255, 99, 132, 0.2)',
          'rgba(54, 162, 235, 0.2)',
          'rgba(255, 206, 86, 0.2)',
          'rgba(75, 192, 192, 0.2)'
        ]
      }
    ]
  }
};

const options = {
  responsive: true,
  scales: {
    xAxes: [{ 
      scaleLabel: {
        display: true,
        labelString: 'Years'
      },
    }],
    yAxes: [{
      display: true,
      ticks: {
        min: -100,
        max: 100
      }
    }]
  }
};

И он выглядит так: Мой график

...