https://github.com/cbdxin/chart

基于D3.js + react 实现的数据可视化工具
https://github.com/cbdxin/chart

d3js data-visualization react

Last synced: about 1 month ago
JSON representation

基于D3.js + react 实现的数据可视化工具

• Host: GitHub
• URL: https://github.com/cbdxin/chart
• Owner: CBDxin
• Created: 2020-02-19T15:08:37.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T07:44:47.000Z (almost 2 years ago)
• Last Synced: 2023-03-07T23:50:55.365Z (almost 2 years ago)
• Topics: d3js, data-visualization, react
• Language: JavaScript
• Homepage:
• Size: 5.28 MB
• Stars: 11
• Watchers: 1
• Forks: 2
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
基于D3.js + React 实现的数据可视化构建工具 在线预览地址http://47.107.66.252:8080/#/

启动

~~~

npm run start

~~~

声明式配置语法

```

{

  height: 700,

  width: "100%",

  charts:[

    {

      type:"Area",

      name:"区域图",

      key:"Area"

    }

  ],

  components:[

    {

      type:"xAxis",

      position:"bottom"

    },

    {

      type:"yAxis",

      position:"left"

    }

  ],

  dataSet:{

    domain:[1,2,3,4,5,6],

    range:{

      Area:[300,500,400,20,600,900]

    }

  }

}

```

可视化图表：

1. Area,



2. AreaStack,



3. Bar,



4. BarStack,



5. Line,



6. Scatter,



7. Pie,



8. PolarScatter,



9. Radar,



10. TreeMap,



11. Tree,



12. Geo



可视化组件：

1. Scale

2. Axis

3. Tooltip

4. Brush

5. Grid

6. Legend

7. LinearGradient

8. VisualMap