Angular Bubble Charts & Scatter Charts

Download Angular Chart Samples

Angular Bubble Chart allows you to visualize data in 3 dimensions. It is very much similar to Scatter Charts except that size of bubble represents another parameter. Out of the three parameters required (x, y, z) to be present in a data point, x & y determine the bubble's position on X & Y Axis & z determines its size. One major difference in bubble from other charts is that size of the bubble is not linearly proportional to the z value.

Angular Scatter charts represent data as a series of points with their axis co-ordinates determined by x and y value of data point. Sometimes it is also referred to as Scatter Plot or Point Chart. A marker is drawn at each point and its shape and size can be customized as required.

Angular Bubble Charts

Bubble Chart uses bubble-like symbols to depict data in the Plot Area.

Angular Bubble Chart with Index / Data Labels
Bubble Chart with Index Labels
Bubble Chart with 3 Dimensional Data
Bubble Chart with 3 Dimensional Data

Angular Scatter Charts

Scatter Charts are also referred to as Scatter Plot / Point Chart.

Angular Multi Series Scatter Chart
Multi Series Scatter Chart

Features used Commonly in Angular Bubble & Scatter Charts

Most commonly used features in Angular Bubble & Scatter Charts include indexLabel, markers, etc.

  • Indexlabel can be shown for particular datapoint by setting indexLabel property of datapoint.
  • Indexlabel can be shown for all the datapoints by setting indexLabel property in dataseries level.
  • Size & type of the marker can be customized by setting markerSize & markerType properties.
  • Color of the marker can be changed by setting markerColor property

Angular Bubble & Scatter Chart Types

General Tips for Angular Bubble & Scatter Charts

  • Use bubble chart when there are less number of datapoints – an increase in the number of bubbles may result in congestion and overlapping.