javascript - 如何在条形图的react-d3中允许负x轴值

Question

我正在尝试使用 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 }
    ]
  }
];

我希望图表是这样的

任何人都可以给我建议如何构建这些类型的图表任何帮助非常感谢。