ПобедаКак отобразить ось X от наименьшего отрицательного значения оси Y - PullRequest
0 голосов
/ 20 ноября 2018

У меня есть график для отображения некоторых значений, но ось 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>

Отображается так:

enter image description here

Мне нужно, чтобы ось X была равна -7 от оси Y.Как мне этого добиться?Спасибо!

1 Ответ

0 голосов
/ 20 ноября 2018

Попробуйте это:

<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>
...