BubbleChart.BubbleStyle

Syntax

BubbleStyle: PP.Ui.VisualizerItemStyle;

Description

The BubbleStyle property determines style of bubble chart bubbles.

Comments

Use JSON or the setBubbleStyle method to set the property value and the getBubbleStyle method to get the property value.

Example

To execute this example, the HTML page must contain the BubbleChart component named bubbleChart (see Example of Creating the BubbleChart Component). Make the bubble chart bubbles transparent and set yellow fill color for bubbles that contain values smaller than the first scale item:

// Make bubble chart bubbles transparent
bubbleChart.setBubbleStyle(PP.Ui.VisualizerItemStyle.Transparent);
// Change bubble color for the values smaller than the first scale item
var colorVisual = bubbleChart.getColorVisual();
colorVisual.getColorMapping().getScale().getItems()[0].setColor("#FFFF33")
bubbleChart.setColorVisual(colorVisual);
// Refresh bubble chart
bubbleChart.refresh();

After executing the example bubble chart bubbles become transparent, and fill color for bubbles that contain values smaller that the first scale item, changes to yellow:

See also:

BubbleChart