EaxBubbleChartView.addBubbleSettings

Syntax

addBubbleSettings(settings);

Parameters

settings. Settings of express report bubble chart as a JSON string.

Description

The addBubbleSettings method adds settings of express report bubble chart.

Example

Executing the example requires that the HTML page contains the ExpressBox component named expressBox (see Example of Creating the ExpressBox Component), and a chart must be loaded in the data area. Then set new fill color and transparency for bubble chart legend:

// Get a list of panels of express report bubble chart wizard
var master = expressBox.getPropertyBarView().getBubbleChartMaster();       
var bubbleChartView = master.getDataView();
// Get current fill color and transparency of express report bubble chart legend 
var solid = bubbleChartView.getOptions().BubbleChart.Legend.ChartLegend.Background.SolidColorBrush;
console.log("Fill color and transparency of bubble chart legend: " + JSON.stringify(solid));
// Set new values for fill color and transparency of bubble chart
var options = "[{\"Name\":\"chartmaster.legendpanel.background\",\"Value\":{\"SolidColorBrush\":{\"@Color\":\"#DCE6F1\",\"@Opacity\":50}}}]";
bubbleChartView.addBubbleSettings(options);

After executing the example the browser console displays current values of fill color and transparency for bubble chart legend, and new values for these parameters are set:

Fill color and transparency of bubble chart legend:
{"@Color":"#00FFFFFF","@Opacity":"1"}
 

The express report bubble chart will look as follows:

EaxBubbleChartView