native-победа: как получить пересечение точки данных с помощью VictoryCursorConatiner - PullRequest
Новая
       32

native-победа: как получить пересечение точки данных с помощью VictoryCursorConatiner

0 голосов
/ 01 июля 2019

Диаграмма ниже реализована с использованием победного натива для реактивного.Проблема в том, что при реализации VictoryCursorContainer я хочу показать точку пересечения точки данных, но вместо этого точка пересечения имеет точку касания.Здесь я также комбинирую контейнер Вороного с контейнером курсора, чтобы показать подсказку, так как вы можете видеть, что подсказка работает нормально, но я хочу, чтобы линия курсора пересекала точку данных как точку с помощью подсказки инструмента.Кто-нибудь может мне помочь, пожалуйста.Также предоставив код ниже ...

enter image description here

 <VictoryChart
    theme={VictoryTheme.material}
    height={250}
    width={300}
    containerComponent={
        <VictoryZoomVoronoiContainer
        cursorLabelOffset={{ x: 5, y: -10 }}
            labels={(d) => `${d.x}, ${d.y}`}
        />
        }
    >
    <Defs>
    <LinearGradient id="gradientStroke"
    x1="0%"
    x2="0%"
    y1="0%"
    y2="100%"
    >
    <Stop offset="10%" stopColor="#008aefcb" stopOpacity="1" />
    <Stop offset="100%" stopColor="#52da9c" stopOpacity="0" />
    </LinearGradient>
    </Defs>

    <VictoryArea
    data={data}
    interpolation="natural"
    style={{
    data: {
        fill: 'url(#gradientStroke)',
        stroke: '#1E93FA',
        strokeWidth: 2
    }
    }}
    />
</VictoryChart>

Еще одна вещь, которую я хочу спросить, - это VictoryToolTip, подсказка черезкурсор не является точным, и для последнего значения x (здесь x = 50) он не отображается, когда я перемещаю курсор, но когда он касается точки сверху, он показывает

...