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

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

Модуль использования: 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 }
    ]
  }
];

Я хочу, чтобы график был таким

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