addBubbleSettings(settings);
settings. Settings of express report bubble chart as a JSON string.
The addBubbleSettings method adds settings of express report bubble chart.
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: