Open MateuszTrN opened 2 years ago
I'm trying to do some simple "hello world" and the sunburst can't be displayed which surprises me even more because there is no error. codesandbox: https://codesandbox.io/s/late-bird-2ug41?file=/index.js
import React from "react"; import ReactDOM from "react-dom"; import Sunburst from "@latticejs/recharts-sunburst"; const sunburstData = [ { name: "All", children: [ { name: "Data", size: 20544 }, { name: "DataList", size: 19788 }, { name: "DataSprite", size: 10349 }, { name: "EdgeSprite", size: 3301 }, { name: "NodeSprite", size: 19382 }, { name: "render", children: [ { name: "ArrowType", size: 698 }, { name: "EdgeRenderer", size: 5569 }, { name: "IRenderer", size: 353 }, { name: "ShapeRenderer", size: 2247 } ] }, { name: "ScaleBinding", size: 11275 }, { name: "Tree", size: 7147 }, { name: "TreeBuilder", size: 9930 } ] } ]; const App = (props) => { /* eslint-disable no-unused-expressions */ return ( <div> <h3>test</h3> <Sunburst width={300} ratio={4 / 3} data={sunburstData} dataKey="size" nameKey="name" /> </div> ); }; const rootElement = document.body.appendChild(document.createElement("div")); ReactDOM.render(<App />, rootElement);
I'm trying to do some simple "hello world" and the sunburst can't be displayed which surprises me even more because there is no error. codesandbox: https://codesandbox.io/s/late-bird-2ug41?file=/index.js