1 | "use strict";
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | const d2recharts = require("d2recharts");
|
8 | const React = require("react");
|
9 |
|
10 | const ReactDOM = require("react-dom");
|
11 | require("./index.less");
|
12 |
|
13 | const data = {
|
14 | data: [
|
15 | {genre: "Sports", sold: 275, price: 30},
|
16 | {genre: "Strategy", sold: 115, price: 100},
|
17 | {genre: "Action", sold: 120, price: 130},
|
18 | {genre: "Shooter", sold: 350, price: 120},
|
19 | {genre: "Other", sold: 150, price: 106}
|
20 | ],
|
21 | schema: [
|
22 | {name: "genre", comments: "分类"},
|
23 | {name: "sold", comments: "销量"},
|
24 |
|
25 | {name: "xxx", comments: "yyy"},
|
26 | ]
|
27 | };
|
28 |
|
29 | const before = Date.now();
|
30 | const padding = 'none';
|
31 |
|
32 | ReactDOM.render(
|
33 | (
|
34 | <div>
|
35 | <d2recharts.Bar padding={padding} data={data}/>
|
36 | <d2recharts.Line padding={padding} data={data}/>
|
37 | <d2recharts.Scatter padding={padding} data={data}/>
|
38 | <d2recharts.Funnel padding={padding} data={data}/>
|
39 | <d2recharts.Gauge padding={padding} data={data}/>
|
40 | <d2recharts.Indicator padding={padding} data={data} height="auto" measures={['price']}/>
|
41 | <d2recharts.Pie padding={padding} data={data} measures={['price']}/>
|
42 | <d2recharts.Radar padding={padding} data={data}/>
|
43 | <d2recharts.Smart padding={padding} data={data}/>
|
44 | </div>
|
45 | ),
|
46 | document.getElementById("canvas")
|
47 | );
|
48 | console.log(Date.now() - before);
|