(Showing Draft Content)

Bubble Chart

A Bubble Chart is used for graphical representation of multi-dimensional data. It displays an additional data value at each point by changing the size of the bubble.

Scatter Chart Example

Design a Bubble Chart in Wyn Enterprise

From the Dashboard Toolbox, open the Data Visualization node and drag-drop the Bubble Chart scenario onto the design area.

Adding a chart scenario from the Dashboard Toolbox

Bind Dataset to Chart Scenario

With the scenario selected, from the Data Binding tab, select the dataset. Once the dataset is successfully loaded in the designer, the data binding panel automatically expands and displays the data attributes available in the dataset.

The following image shows the chart scenario bound to 'InsuranceDataset' dataset.

Adding a dataset to chart scenario

On dragging and dropping the data attributes to the data binding area of the scenario, the chart is plotted accordingly, with a default chart title on the design area.

Chart Scenario with bound attributes

Format Data Attributes

To format the data attributes and control the display of data, you can perform a variety of operations such as renaming, modifying data format and display unit, creating a hierarchy field, applying an aggregation method, etc.

For more information about these operations, see Data Attributes.

In the following chart scenario, the data attribute is renamed from 'Sum(Payout)' to 'Insurance Payout'.

Formatting fields in a chart

Analyze Data

Wyn Dashboards scenarios support rich data analysis and exploration capabilities that can help analyze massive amounts of information and make data-driven decisions. For example, adding filters to the scenarios, sorting data, adding reference lines, trend lines, etc. Note that you can apply all these operations using the Action Bar corresponding to each scenario in the designer.

For more information, see Data Analysis and Interactivity in Dashboards.

The following image shows a reference line at an average value on the Y-axis.

Trendline in a chart scenario

Customize Appearance

You can customize the default chart appearance by setting properties in the Inspector tab of the scenario such as adding a border, modifying data labels, setting chart style, renaming chart title, setting corner radius, etc.

  1. Change Axis Position

    • X Axis: To change the position of the X Axis, use the Axis Position property dropdown to select an option from Crosses, Bottom, or Top. When Crosses is selected, Axis Crosses property appears below the Axis Position property where you can enter a value at which the X Axis crosses the Value Axis.

      Change Axis Position of X Axis

    • Y Axis: To change the position of the Value Axis, use the Axis Position property dropdown to select an option from Left or Right.

      Change Axis Position of Y Axis

  2. Reverse Y Axis Position

    To reverse the direction of the Y Axis, set the Reversed property to True. By default, this property is set as False.

    Reverse the position of Y Axis

  3. Show Axis Lines

    To hide the axis lines of the X Axis or Y Axis, set the Show Axis Line property to False. By default, this property is set as True. You can also specify the width, color, and type (solid or dashed) of the axis lines using the Axis Line Width, Axis Line Color, and Axis Line Type properties.

    Show Axis Lines

  4. Show Grid Lines

    To display horizontal grid lines in a chart scenario, you can set the Show Grid Lines property of the value axis to True. By default, this property is set as False.You can also specify the width, color, and type (solid or dashed) of the grid lines by using the Grid Line Width, Grid Line Color, and Grid Line Type properties.

    Show Grid Lines

  5. Display Size Legend

    Use the Show Size Legend property to display the size legend in the chart scenario. By default, this property is set to False.

    Showing size legend in the chart scenario

  6. Format Axis Titles

    You can show or hide axis titles for a chart by using the Show Title property for the Legend, Value axis, and Category axis. When you set Show Title property to True, the axis titles are enabled. Wyn Dashboards set data attributes' names as the axis titles. You can provide a custom name to the axis title by renaming the attributes in the data binding area. For more information on renaming data attributes, see the topic on Rename an Attribute.

    Changing axes titles in a chart scenario

  7. Change Axis Scale

    To customize the scale values for the Value axis of a chart scenario, use the Max Value, Min Value, or Interval properties and set them to some suitable values.

    Changing axes titles in a chart scenario

  8. Modify Scale Properties

    You can change the scale for X and Y axes to Ordinal or Logarithmic in the Data Binding area of the chart scenario. By default, the scale for each axis is set to Linear.

    Modify axis scaling in the chart scenario

  9. Format Data Labels

    You can show or hide data labels in a chart using the Show Data Label property. When you set the Show Data Label property to True, the data labels are enabled. You can customize the data label's appearance using the Same Color As Legend and Data Label Font Setting properties. When you set the Same Color As Legend property to True, the color of the data labels changes to the same as the data points. However, Data Label Font Setting allows you to set font style and color as per your choice.

    new data lables bubble chart

    Data Labels - Display Pattern

    The bubble chart supports the line break (, \n()) in the data label, and you can add a line break between Value and Series, by using the Display Pattern property for the data labels. If you hide some parts of the label, like the value, and series the part will be removed from the pattern, and the related connector (the prefix , \n ()) will also be removed.

    By default, the display pattern selected is Series(Value) as shown below.

    display pattern option bubble chart

    You can select any pattern from the dropdown list.

    display pattern dropdown list options

    Preview the chart, the data labels will be shown as per the display pattern selected in the designer.

    previw display pattern bubble chart