页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

功能

  • 基于Chartjs.org 基于 billboard.js / D3js 开发
  • 表格生成统计图形简单易用,只需上传CSV文件或插入表格即可
  • 可选择 按行或按列 作为统计图形数据序列根据表格数据生成统计图形
  • 支持饼图、多纳圈图、线图、块图、柱状图、横向柱状图支持自动合并多张表格数据
效果展示
  • 支持CSV作为数据来源生成统计图形
column
  • 支持通过SQL查询语句从数据库提取数据作为统计图形的数据来源
width20px
Column Column
width20px
Column

城市

核实常住人口

17年常住人口

上海

2418.34

2419.7

广州

1865.2

1449.84

深圳

1252.83

1252.83

北京

2153.5

2170.7

苏州

1229

1068.4

天津

1556.87

1556.87

杭州

1204.34

946.8

成都

1872.33

1604.47

宁波

1026.9

800.5

东莞

627.17

834.25

佛山

729.96

746.27

Column
width20px

城市

核实常住人口

17年常住人口

上海

2418.34

2419.7

广州

1865.2

1449.84

深圳

1252.83

1252.83

北京

2153.5

2170.7

苏州

1229

1068.4

天津

1556.87

1556.87

杭州

1204.34

946.8

成都

1872.33

1604.47

宁波

1026.9

800.5

东莞

627.17

834.25

  • 可选择 按行或按列 作为统计图形数据序列
  • 支持SVG格式饼图、多纳图、线图、块图、柱状图、横向柱图
  • 支持快速切换图形类型

效果展示




Svg chart macro
rowsXaxisLabel品牌
orientationrows
columnsXaxisLabel月份
yaxisLabel销量(辆)
yaxesLabel销量(辆)
chartTypespline
dataSeriesby row
showLegendbottom
showTabletrue
title2019年8-11月全国汽车销量前五名


车型8月9月10月11月
大众251466305868288668334977
本田116946148215138184148855
丰田99173114579129847138544
吉利8896998985112270126045
日产103029108032107909116162






Unlimax intro macro
[

  {
    element: '.saveAsImage',
    popover: {
      title:"保存统计图形",
      description: '将统计图形保存为 png 图片'      
    }
  },
  {
    element: 'div[type="charttype"]',
    popover: {
      title: '快速切换',
      description: '支持显示 <b>11</b> 种图形<br>可以在 <b>7</b> 种图形间快速切换'
    }
  },
  {
    element: 'div[type="orientation"]',
    popover: {
      title:"行列互换",
      description: '可以快速切换<b>数据行列</b>统计'
    }
  },
  {
    element: '.chart-border',
    popover: {
      title:"统计图形",
      description: '点击图例,可以显示/隐藏项目'      
    }
  },
  {
    element: 'table',
    popover:{
        title:'数据来源',
        description: '<ul><li>页面中的表格</li><li>上传csv文件</li><li>通过sql查询语句从数据库提取</li></ul><p><img style="width:250px;"src="https://confluence.unlimax.com/download/attachments/43548698/macro_param_svg_sql.png?api=v2"/>',
        position:'right'
    }
  } ]

佛山

729.96

746.27