我正在尝试从此Link运行示例,但我得到的唯一东西是一个灰色框(单击它时没有任何反应)。我正在使用 d3plus-react 包,版本 0.5.2 和反应版本 16.7.0。这是我的代码:
import React, { Component } from "react";
import { Treemap } from "d3plus-react";
const methods = {
data: [
{ value: 100, name: "alpha", group: "group 1" },
{ value: 70, name: "beta", group: "group 2" },
{ value: 40, name: "gamma", group: "group 2" },
{ value: 15, name: "delta", group: "group 2" },
{ value: 5, name: "epsilon", group: "group 1" },
{ value: 1, name: "zeta", group: "group 1" }
],
id: ["group", "name"],
size: "value"
};
class Hierarcy extends Component {
render() {
return (
<React.Fragment>
<Treemap config={methods} />
</React.Fragment>
);
}
}
export default Hierarcy;
我会很感激任何帮助:) ps:我忘了提到我使用 create-react-app 创建了应用程序