页面树结构

版本比较

标识

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

功能

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

效果展示



Svg chart macro
rowsXaxisLabel品牌
orientationrows
columnsXaxisLabel月份
yaxisLabel销量(辆)
yaxesLabel销量(辆)
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'
    }
  } ]