页面树结构

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

Installation

  1. Log into your Confluence instance as an admin.
  2. Click the admin dropdown and choose Atlassian Marketplace.The Manage add-ons screen loads.
  3. Click Find new apps or Find new add-ons from the left-hand side of the page.
  4. Locate SVG chart macro For Confluence via search.The appropriate app version appears in the search results.
  5. Click Try free to begin a new trial or Buy now to purchase a license for SVG chart macro For Confluence.You're prompted to log into MyAtlassian. SVG chart macro For Confluence begins to download.
  6. Enter your information and click Generate license when redirected to MyAtlassian.
  7. Click Apply license.If you're using an older version of UPM, you can copy and paste the license into your Confluence instance.

 Examples 

Insert chart macro

  1. Edit a Confluence page
  2. Type {svg or {chart and select SVG chart macro in page editor
  3. insert a table in the macro body as the data source for the chart

  4. Table columns

Single chart mode

In single mode:

  • the data in the first row and column of the embedded table or CSV file will be used as the title of the chart.


Combination charts mode

In combination mode,

  • the first row of the embedded table or CSV file will be used as the title of the chart. 
  • the first column of embedded table or CSV file will be used as the chart type for each series.
  • the second column of the embedded table or CSV file will be used as the title of the chart. 
  • combination mode only available when series orientation set to 'columns'    



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
Bar chart

Combination

SINCE V1.1.0

Show multi chart type.

Please note that if you select combination mode, you should insert a column on the far left of the table as chart type for each series

Available when 'Series orientation' set to 'columns' 

false
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

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. 


  • 无标签