页面树结构

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. Provide datasource to generate chart:

    1. Generate chart from Table
    2. Generate charts from CSV
    3. Generate chart from SQL

Configure macro

Macro parameters

Macro ParameterDescriptionDefault value
PageSearch for the title of the pageTitle of current page
CSV 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 chart
Sub-titleSub-title
Basic  Chart Type

Choose the type of chart to be displayed

Available type:

  • bar
  • line SINCE V1.1.0
  • spline
  • area SINCE V1.1.0
  • area-spline
  • pie
  • donut
  • bubble SINCE V1.2.0
Bar chart
Series orientationChoose row or column as series orientationColumn
Legend

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

Bottom
Title of the Y axisThe title to be displayed on the Y axis
Width

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.400px
BorderDisplay a border around the chartYes
Switch chart typeEnable the menu to switch chart type or notYes
Display 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 

SINCE 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>CityJanFeb
lineBeijing

barShanghai


Hongkong

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'


 Examples 

  • 无标签