SVG Chart Macro for Confluence

页面树结构

版本比较

旧版本 8

changes.mady.by.user Weijing 韦京 [Unlimax]

保存于

比较

新版本 当前版本

changes.mady.by.user Weijing 韦京 [Unlimax]

保存于

标识

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

Highlight

developed by using 

显示子页面

Svg chart macro


Highlight

  • Base on 
  • billboard.js / D3js
  • easy to use. Simply upload a csv file or insert a table in the macro body
  • Generate charts based on data from the tables
  • CSV file can be used as data source when creating a chart
  • Generate charts from SQL
  • Data orientation can be row or column
  • Multiple SVG chart types, including pie chart, donut chart, line chart, bar chart,
bubbles and more
  • area chart.
  • Quick switch among different chart types.
  • Generate chart from two-dimensions table of Jira Macro 
    状态
    subtletrue
    colourGreen
    titleSINCE 1.6

功能

  • 简单易于，只需上传csv文件或插入表格即可
  • 根据表格数据生成统计图形
    •  支持csv作为数据来源生成统计图形
    • 简单易用，只需上传csv文件或插入表格即可
    • 根据 Confluence 页面插入的表格数据生成统计图形
    • 支持 CSV 作为数据来源生成统计图形
    • 可从数据库提取数据生成统计图形
    • 可选择 按行或按列 作为统计图形数据序列
    • 支持SVG格式饼图、多纳图、线图、块图、柱状图、横向柱图
    • 支持快速切换图形类型
    • 可以从 Jira 宏的二维表生成统计图 
      状态
      subtletrue
      colourGreen
      titleSINCE 1.6
    • 自动合并多个表格 
      状态
      subtletrue
      colourGreen
      titleSINCE 1.6


    提示

    This app is developed by using billboard.js which is a re-usable, easy interface JavaScript chart library, based on D3 v4+. The billboard.js project  is licensed under the MIT license.

    SVG Chart Macro for Confluence allow you put vector charts in Confluence page.


    Intro macro is developed by using driver.js which is licensed under the MIT license

    Svg chart macro
    rowsXaxisLabelOperation
    columnsXaxisLabelMonth
    yaxisLabelNumber of Files
    subTitleJan to Jun 2020
    showTabletrue
    titleDocuments Usage Statistics

    		JanFebMarAprMayJun
    Download12008201100290036003802
    Upload89260300120015001100



    Unlimax intro macro
    prevBtnTextPrevious
    doneBtnTextDone
    nextBtnTextNext
    closeBtnTextClose
    [
  {
    element:".saveAsImage",
    popover:{
      title:"Save As Image",
      description: "Save chart to PNG"      
    }
  },
  {
    element:"div[type='charttype']",
    popover:{
      title: "Quick switch chart type",
      description: "support <b>11</b> chart types and quick switch between <b>7</b> types"
    }
  },
  {
    element: "div[type='orientation']",
    popover: {
      title:"Data orientation",
      description: ""
    }
  },
  {
    element: "table",
    popover:{
      title: "Datasource",
      description: "<ul><li>HTML Table</li><li>CSV file</li><li>SQL query</li></ul>",
      position:"right"
    }
  }
]