• Overview
• Settings
• Series property

BubbleChart

Overview #

ScatterChart and BubbleChart are sharing the same settings. They are similar but there is a major different. While ScatterChart care about the location of the point of chart with (x,y) the BubbleChart also care about the size of the point. The BubbleChart has 3 value (x,y,v). The v value determined the size of points.

Code:

\koolreport\chartjs\BubbleChart::create(array(
    "title"=>"Weight, Height and Number of Phone"
    "dataSource"=>array(
        array("weight"=>89,"height"=>169,"#phone"=>12),
        array("weight"=>75,"height"=>174,"#phone"=>33),
        array("weight"=>72,"height"=>176,"#phone"=>44),
        array("weight"=>78,"height"=>180,"#phone"=>52),
    ),
    "series"=>array(
        array("weight","height","#phone")
    )
));

Settings #

Series property #

Property series contains list of columns for ScatterChart and BubbleChart. ScatterChart will requires 2 columns while BubbleChart requires 3 columns. The adding array at the end will contains settings for the series.

ScatterChart::create(array(
    "series"=>array("age","#phone",array(
        "label"=>"Age vs Phone",
    ))
));

BubbleChart::create(array(
    "series"=>array("height","weight","#phone",array(
        "label"=>"Height, weight vs Phone",
    ))
));