• Overview
• itemSelect

ClientEvents

Overview #

All charts of D3 support client events.

\koolreport\d3\ColumnChart::create(array(
    "title"=>"Sale Report",
    "dataSource"=>array(
        array("month"=>"January","sale"=>32000),
        array("month"=>"February","sale"=>43000),
        array("month"=>"March","sale"=>33000),
        array("month"=>"April","sale"=>40000),
        array("month"=>"May","sale"=>45000),
    ),
    "columns"=>array(
        "month",
        "sale"=>array(
            "label"=>"Sale Amount",
            "type"=>"number",
            "prefix"=>"$"
        ),
    ),
    "clientEvents"=>array(
        "itemSelect"=>"function(params){
            alert(params.columnName+' = '+params.selectedValue);
        }"
    )
));

Try to click on the column chart:

itemSelect #

itemSelect is an event triggered when we click on item of chart. Below are list of parameters. Note that those parameters are available or unavailable depending on chart types.