Add and configure maps and child widgets

  1. In the toolbar, click Maps > Basic Flat Map.

  2. In the right-side configuration pane, delete all the layers under Child Management.

  3. Click + on the right side of Child Management, and add child widgets including Flying Routes Layer, Animation Bubbles Layer, and Choropleth Layer.

  4. Click the child widget Animation Bubbles Layer to configure its style. Under the Bubble Type menu, select Bubble Type1. Enter ok in the Type Filter Value field.

  5. Click Choropleth Layer to set colors as required.

  6. Set the style and data for the Flying Routes Layer. The following figure uses default values.
  7. Click Animation Bubbles Layer to configure data.

  8. Click Flying Routes Data to configure data.

Add and configure a background image

  1. Click Media > Image to add a background image.

  2. In the right-side pane, click Style, go to Background Image, and upload an image that you want to configure.

  3. Adjust the size of the image as required.
  4. In the left-side Layers panel, move the image to the bottom and lock it to avoid interfering with the operations of other widgets.

Add and configure a title

  1. Click Text > Title to add a title.

  2. Select the Style tab, configure parameters under Text Style, and set the size and position of a widget under Basic Attributes.

  3. To configure Data, click the title widget. Enter the name of a title name in the value field.

  4. Repeat the preceding operations to add more Titles.

Add and configure a ticker board.

  1. Click Text > Ticker Board to add a ticker board.

  2. In the Style tab, configure parameters such as Global Settings, Title Name, Text Style, and Ticker Board settings.

  3. In the Data tab, configure the data you need.

  4. Repeat the preceding operations to add more ticker boards.

Add and configure a timeline

  1. Click Interact > Timeline to add a timeline.

  2. In the Style tab, select Node to configure data format, default style and other parameters.

  3. In the Data tab, configure the data you need.

Add and configure a carousel list

  1. Click Text > Carousel List I to add a carousel list.

  2. In the Style tab, configure global settings, index, content, and other parameters.

  3. In the data edit box under the Data tab, configure the data that you need.

Add and configure a basic line chart

  1. Click Charts > Basic Line Chart to add a basic line chart.

  2. In the Style tab, configure global settings, X and Y axes, and other parameters.

  3. In the data edit box under the Data tab, configure the data that you need.

Add and configure a decoration

  1. Click Material > Decoration to add a decoration.

  2. In the Style tab, select Global, then select Gif 2 in the Decorations field. Adjust the position and size of the widget on the canvas.

Add and configure a table

  1. Click Text > Table to add a table.

  2. In the Style tab, configure parameters in each row and column.

  3. In the Data tab, configure the data that you need.

Add and configure a percentage pie chart

  1. Click Charts > Percentage Pie Chart to add a percentage pie chart.

  2. In the Style tab, configure basic attributes, percent size, and other parameters.

  3. In the Data tab, configure the data that you need.

Add and configure a basic bar chart

  1. Click Charts > Basic Bar Chart to add a basic bar chart.

  2. In the Style tab, configure global settings, the Y axis , and other parameters.


  3. In the data edit box under the Data tab, configure the data that you need.