SVG Chart Macro for Confluence

页面树结构

版本比较

旧版本 6

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

保存于

比较

新版本 当前版本

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

保存于

标识

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

显示子页面
alltrue

注意

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. Image Removed

  4. insert a table in the macro body as the data source for the chart (visit Data 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:

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

    Image Removed

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

    Image Removed

    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

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