勝利| 如何從最低的負y軸值顯示x軸

Question

我有一個圖形來顯示一些值，但是y軸具有負值，如下所示。

<VictoryChart
  theme={VictoryTheme.material}
>
  <VictoryLine
    style={{
      data: { stroke: "#c43a31" },
      parent: { border: "1px solid #ccc"}
    }}
    data={[
      { x: 1, y: -2 },
      { x: 2, y: -3 },
      { x: 3, y: -5 },
      { x: 4, y: -4 },
      { x: 5, y: -7 }
    ]}
  />
</VictoryChart>

這樣顯示。

我需要將x軸設置為y軸的-7值。 我該如何實現？ 謝謝！

Answer 1

嘗試這個：

<VictoryChart 
  theme={VictoryTheme.material}
  domain={{x: [1, 5], y: [-7, -2]}}
>
<VictoryAxis 
  orientation="top"
/>

<VictoryAxis dependentAxis
  orientation="left"
  invertAxis
/>

<VictoryLine
  style={{
    data: { stroke: "#c43a31" },
    parent: { border: "1px solid #ccc"}
   }}
  data={[
    { x: 1, y: -2 },
    { x: 2, y: -3 },
    { x: 3, y: -5 },
    { x: 4, y: -4 },
    { x: 5, y: -7 }
  ]}
/>
</VictoryChart>