我正在尝试使用 D3 在我的 React 应用程序上添加事件和工具提示
我收到以下错误
尝试导入错误:“事件”未从“d3”导出(导入为“d3”)。 d3版本是“d3”:“^6.2.0”,似乎无法从库中找到事件
import React, { Component } from 'react';
import '../App.css';
import * as d3 from 'd3';
import ReactFauxDom from 'react-faux-dom';
let toolTip = d3.select('body').append('div')
.style('position', 'absolute')
.style('background', '#cccccc')
.style('opacity', '0')
.style('padding', '10px')
.style('border', '1px #000000 solid')
.style('border-radius', '5px')
.on('mouseover', (d) => {
tooltip.style('opacity', 1);
tooltip.html(d)
.style('left', (d3.events.pageX) + 'px')
.style('top', (d3.events.pageY) + 'px')
})
.on('mouseout', (d) => {
tooltip.style('opacity', 0);
})
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
6024 次 |
| 最近记录: |