0

マウスオーバー位置で x と y の値を取得しようとしています。

<XYPlot
    xType="time"
    getX={ d => d[0] }
    getY={ d => d[1] }
    width={300}
    height={300}>
      <LineSeries
        color="orange"
        data={graphData}
        onSeriesMouseOver={(event)=> {
          console.log('val', event)
        }}
      />
      <XAxis />
      <YAxis />
  </XYPlot>

イベントをログに記録すると、{event: Class} が表示されます。ドキュメントは、値を取得する方法について明確ではありません ここに画像の説明を入力

event.target.value と event.currentTarget を試しましたが、未定義です。以前にこの問題に遭遇し、解決策または回避策を持っている人はいますか?

イベントオブジェクトを展開すると、次のようになります

event: Class
altKey: (...)
bubbles: (...)
button: (...)
buttons: (...)
cancelable: (...)
clientX: (...)
clientY: (...)
ctrlKey: (...)
currentTarget: (...)
defaultPrevented: (...)
detail: (...)
dispatchConfig: null
eventPhase: (...)
getModifierState: (...)
isDefaultPrevented: (...)
isPropagationStopped: (...)
isTrusted: (...)
metaKey: (...)
movementX: (...)
movementY: (...)
nativeEvent: (...)
pageX: (...)
pageY: (...)
relatedTarget: (...)
screenX: (...)
screenY: (...)
shiftKey: (...)
target: (...)
timeStamp: (...)
type: (...)
view: (...)
_dispatchInstances: null
_dispatchListeners: null
_targetInst: null
preventDefault: (...)
stopPropagation: (...)
4

0 に答える 0