Как выровнять gridComponent оси по ненулевому значению в VictoryCharts - PullRequest
Новая
       14

Как выровнять gridComponent оси по ненулевому значению в VictoryCharts

0 голосов
/ 24 сентября 2019

Я учусь VictoryCharts .Я хотел бы, чтобы моя ось X <VictoryAxis> шла параллельно отрицательному значению y, а не вдоль 0 на оси Y.Проблема, с которой я сталкиваюсь, заключается в том, что вертикальные линии сетки по центру все еще выровнены по 0, но продолжаются вниз под моей осью X, когда я хочу, чтобы они начинались у моей оси.Есть ли хитрость, чтобы сделать это?Ничего не могу найти в документах.

Вот пример кода: 

<div >
      <VictoryChart
        width={800} height={300}
        theme={VictoryTheme.material}
      >
        <VictoryAxis
          axisComponent={<LineSegment type={"axis"} />}
          dependentAxis={true} //this means it is y axis?
          standalone={false}
          key="Y access"
          style={{
            tickLabels: { fontSize: 10, padding: 5 }
          }}
          domain={[-50, 50]}
        />

        <VictoryAxis name="X access"
          standalone={false}
          axisValue={-50} // NEED this axis to draw at bottom of Y axis
          domain={[1994, 2019]}
        />
      </VictoryChart>
    </div>

Результат примерно такой: Ссылка на изображение результата

Если я добавлю ручные смещения к LineSegment с помощью свойства gridComponent, как показано ниже, это будет работать, но это выглядит странно, и мне нужно выяснить высоту и ширину моего холста, чтобы заставить его работать.Похоже, я что-то упустил: 

// adjusted VictoryAxis:
 <VictoryAxis name="X access"
          standalone={false}
          axisValue={-50} // NEED this axis to draw at bottom of Y axis
          domain={[1994, 2019]}
          gridComponent={<LineSegment y1={50} y2={250}/>} // do something here with LineSegment primitive properties to get it to start at proper y val...

Ссылка на изображение результата

Надеемся, что ветераны VictoryChart могут указать мне правильное направление.

...