Библиотека React Vis от Uber - PullRequest
Новая
       32

Библиотека React Vis от Uber

0 голосов
/ 16 июня 2020

Я действительно изо всех сил пытаюсь повлиять на мою реакцию на график LineMarkSeries. Я не могу найти соответствующую документацию, которая решает эту проблему.

Единственное, что я хочу сделать, это навести курсор на точку в строке (я бы также хотел сделать это для панели - BarSeries) и получить его значение.

Ниже моего кода: 

import React from "react";
import "react-vis/dist/style.css";

import {
  XYPlot,
  XAxis, // Shows the values on x axis
  YAxis, // Shows the values on y axis
  LineMarkSeries,
  VerticalGridLines,
  HorizontalGridLines,
} from "react-vis";

const LineChart = ({ data, data2, data3, height }) => {
  let yAxisHeight = height;
  return (
    <XYPlot xType="ordinal" width={1050} height={300} yDomain={yAxisHeight}>
      <VerticalGridLines />
      <HorizontalGridLines />
      <XAxis />
      <YAxis />
      <LineMarkSeries color={"#cad401"} data={data} />
      <LineMarkSeries color={"darkGrey"} data={data2} />
      <LineMarkSeries color={"darkGreen"} data={data3} />
    </XYPlot>
  );
};
export default LineChart;

Спасибо за любую помощь!

...