A bubble chart is used to display three dimensions of data at the same time. The location of the bubble is determined by the first two dimensions and the corresponding horizontal and vertical axes. The third dimension is represented by the size of the individual bubbles.
You just have to pass "bubble" for the type argument. For data and options arguments, refer to the samples below.
Samples
var data = { datasets: [ { label: 'Dataset 1', backgroundColor: "#9C27B0", data: [ {x: 10, y: 5, r: 2}, {x: 5, y: 5, r: 3}, {x: 3, y: 10, r: 5}, {x: 3, y: 5, r: 10}, {x: 10, y: 4, r: 2}, {x: 20, y: 4, r: 12}, {x: 3, y: 10, r: 5}, {x: 4, y: 5, r: 15}, {x: 7, y: 5, r: 8}, {x: 12, y: 15, r: 7}, {x: 6, y: 16, r: 3}, {x: 20, y: 18, r: 2} ] } ] }
app.LoadPlugin('ChartJS') function OnStart() { chart = app.LoadChartJS() lay = app.CreateLayout('Linear', 'VCenter, FillXY') data = { datasets: [ { label: 'Dataset 1', backgroundColor: "#9C27B0", data: [ {x: 10, y: 5, r: 2}, {x: 5, y: 5, r: 3}, {x: 3, y: 10, r: 5}, {x: 3, y: 5, r: 10}, {x: 10, y: 4, r: 2}, {x: 20, y: 4, r: 12}, {x: 3, y: 10, r: 5}, {x: 4, y: 5, r: 15}, {x: 7, y: 5, r: 8}, {x: 12, y: 15, r: 7}, {x: 6, y: 16, r: 3}, {x: 20, y: 18, r: 2} ] } ] } bub = chart.CreateChart(data, 'bubble', 0.98, 0.5) lay.AddChild(bub) app.AddLayout(lay) }