问React D3:如何使用react d3-工具提示和react d3-缩放相同的图表？

EN

import React, {PropTypes} from 'react';
// import d3 from 'd3';
// import {LineZoom} from 'react-d3-zoom';
import {
  Chart,
} from 'react-d3-core';
import {
  LineChart,
  series
} from 'react-d3-basic';
import ZoomSet from 'react-d3-zoom/lib/inherit';
import ZoomFocus from 'react-d3-zoom/lib/utils/zoom_focus';
import CommonProps from 'react-d3-zoom/lib/commonProps';


// Tooltip
import Voronoi from 'react-d3-tooltip/lib/utils/voronoi';

export default class Line extends ZoomSet {
  constructor(props) {
    super(props);

    const {
      contentTooltip,
      margins,
      width,
      height
    } = this.props;

    this.zoomed = this.zoomed.bind(this);
    this.mkXDomain();
    this.mkYDomain();

    this.state = {
      xDomainSet: this.setXDomain,
      yDomainSet: this.setYDomain,
      onZoom: this.zoomed,
      d3EventSet: null,
      xRange: this.props.xRange ||
        [0, width - margins.left - margins.right],
      yRange: this.props.yRange ||
        [height - margins.top - margins.bottom, 0],
      xRangeRoundBands: this.props.xRangeRoundBands || {
        interval: [0, width - margins.left - margins.right],
        padding: 1
      },
      zoomType: 'line'
    };

    this.mkXScale(this.setXDomain);
    this.mkYScale(this.setYDomain);

    this.state = Object.assign(this.state, {
      xScaleSet: this.setXScale,
      yScaleSet: this.setYScale
    });
  }

  static defaultProps = CommonProps


  render() {
    const {
      xDomainSet,
      yDomainSet,
      contentTooltip
    } = this.state;

    const voroni = (
      <Voronoi
        {...this.state}
        {...this.props}
        // onMouseOver= {(...args)=>console.log(args)}
        // onMouseOut= {(...args)=>console.log(args)}
        />
    );

    const focus = <ZoomFocus {...this.props} />;
    // console.log('state', this.state, Chart);
    return (
      <div>
        <Chart {...this.props} {...this.state}>
          <LineChart
            {...this.props}
            {...this.state}
            xDomain={xDomainSet} yDomain={yDomainSet}
            showZoom/>
          {focus}
          {voroni}
        </Chart>
      </div>
    );
  }
}