CBDxin/chart

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

基于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