SVG Chart Macro for Confluence

页面树结构

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史记录

« 前一个 版本 8 下一个 »

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

  4. insert a table in the macro body as the data source for the chart (visit Data Table for detail)


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
  • 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'


  • 无标签