2016-06-30 12 views
1

Ich habe das grundlegende D3-Liniendiagramm mit react-d3, aber ich konnte sehen, jede Quelle für das Hinzufügen von Tooltip Aussehen geschrieben. Hat jemand eine Idee auf dem Tooltip-Display in der reaktiven Plattform?React JS d3 Charts ToolTip

Ich habe versucht, react-d3-tooltip, aber Fehler beim Versuch zu plotten. Dies ist meine Implementierung mit Werkzeugspitze Modul reagieren:

<LineTooltip 
    data={data} 
    colors={colorScale} 
    width={width} 
    height={height} 
    yAxisLabel="FARE" 
    xAxisLabel="FARE" 
    chartSeries= {dataSeries} 
    viewBoxObject= 
    {{ 
     x: 0, 
     y: 0, 
     width: 850, 
     height: 400 
    }} 
    legend={true} 
    x={x} 
    y={y} 
    xScale= {x} 
    yScale= {y} 
    gridHorizontal={true} 
    gridVertical={true} 
    gridVerticalStrokeDash={'2, 2'} 
    gridHorizontalStrokeDash={'2, 3'}> 

Antwort

0

möchten Sie können bei foxToolTip.js

https://github.com/MichaelRFox/foxToolTip.js

Im README.md sehen gibt es ein bl.ocks auf eine d3 Demo verlinken .

+0

Danke @m Fuchs. Aber ich muss mit JS reagieren. Also auf der Suche nach Antworten in pure reagieren Platform. –