Как разрешить отрицательные значения оси X в Reaction-D3 для гистограмм - PullRequest
Новая
       18

Как разрешить отрицательные значения оси X в Reaction-D3 для гистограмм

0 голосов
/ 20 декабря 2018

Я пытаюсь построить столбчатую диаграмму с использованием компонентовact-d3, но здесь я хочу также показать значения на отрицательной оси абсцисс, может ли кто-нибудь подсказать мне, как мне это сделать,

Использование модуля: https://www.npmjs.com/package/react-d3-components

Вот мой код: 

<BarChart
          colorScale={colorScale}
          width={700}
          height={300}
          margin={{ top: 10, bottom: 50, left: 50, right: 10 }}
          {...this.props}
          yAxis={{ label: 'Days' }}
        />

, чтобы на эту полосу передавались такие данные. 

const data = [
  {
    label: 'somethingA',
    values: [
      { x: '1st Point', y: 2 },
      { x: '2nd Point', y: 3 },
      { x: '3rd Point', y: 4 },
      { x: '4th Point', y: 5 },
      { x: '5th Point', y: 6 }
    ]
  }
];

Я хочу графикбыть таким: enter image description here

Может ли кто-нибудь дать мне совет, как построить этот тип графиков, любая помощь очень ценится.

...