SVG Chart Macro for Confluence

页面树结构

版本比较

旧版本 3

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

保存于

比较

新版本 当前版本

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

保存于

标识

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


注意

Please note that this Macro does not support Internet Explorer browser. Recommended browsers are Google Chrome, Microsoft Edge, Firefox or Safari.


Insert chart macro

  1. Edit a Confluence page
  2. Type {svg or {chart and select SVG chart macro in page editor
  3. insert

  4. Provide datasource to generate chart:

    a table in the macro body as the data source for the chart (visit
    1. Generate chart from Table
    for detail)

    Image Removed

Configure macro

Macro parameters

Macro ParameterDescriptionDefault valuePageSearch for the title of the pageTitle of current pageCSV file

Select a CSV file as as the data source for the chart. You should upload a csv file into current Confluence page first.

注意

If a table is inserted in the macro, the data from the table will be used as data source. CSV file will be ignored. 

TitleDisplay a title on top of the chartSub-titleSub-titleBasic  Chart Type

Choose the type of chart to be displayed

Available type:

    2. Generate charts from CSV file
    3. Generate chart from SQL


Configure macro

You can edit SVG Chart macro to define chart type, size, title and more parameters in Configure macro.

  • bar
  • line 
    状态
    subtletrue
    colourGreen
    titlesince v1.1.0
  • spline
  • area 
    状态
    subtletrue
    colourGreen
    titlesince v1.1.0
  • area-spline
  • pie
  • donut
    • bubble  状态subtletruecolourGreentitlesince v1.2.0Bar chartSeries orientationChoose row or column as series orientationColumnLegend

    Choose 'None' to disable legend.

    Choose 'Bottom' or 'Right' to display the legends at the bottom of the chart or to the right of the chart

    BottomTitle of the Y axisThe title to be displayed on the Y axisWidth

    Width of the chart. Width in pixel (e.g. 600 px) or ratio (e.g. 50%) can be used. Default value is the 100%. 

    100%HeightHeight of the chart. Use default value (400 px) or input a customized height in pixel.400pxBorderDisplay a border around the chartYesSwitch chart typeEnable the menu to switch chart type or notYesDisplay data tableIf checked, the table will be displayed under the chartNo

    Switch chart type 

    注意

     Not available for combination mode


    If you have choose to display the menu to switch chart type when setting macro parameters, a toolbar will be displayed on top of the chart to switch among chart types.

    Highlighted icon indicates current chart type. Click different icons to switch among chart types. 

    Combination Mode 

    状态
    subtletrue
    colourBlue
    titleSince 1.2.0

    SVG chart macro support combination mode allows you show multi-chart in one diagram

    If you add the first column with header '<type>' in table, the chart will change to combination mode.

    Input chart type for each line, leave blank will use basic chart type which you selected in macro editor.

    <type>CityJanFeblineBeijingbarShanghaiHongkong 摘录

    Available chart type for combination mode

    • bar
    • line
    • spline
    • area
    • area-spline
    • step
    • area-step
    • bubble
    注意

    Please note that combination mode does not support chart 'pie' and 'donut', and the series orientation should set to 'columns'

    If you select unsupported chart type and mark '<type>' in first cell of table, the basic chart type will set to 'bar'





    面板

    目录
    maxLevel1

     Examples