Next
Update
Prev
Default

KoolChart provides the event handling features that enables you to create a custom event handler or to use the default event handling function.

This sample column chart is to show how to redirect to another website when you click the column. If you want to handle the click event on the column, then you must set the name of the JavaScript function to the value of the itemClickJsFunction attribute ( itemClickJsFunction = "chartItemClickHandler" ).

...
<Column3DChart ... showDataTips="true" itemClickJsFunction="chartItemClickHandler" >
...
</Column3DChart>
...

function chartItemClickHandler(seriesId, displayText, index, data, values)
{
  chUrl = "http://www.koolchart.com/index.php?code="+values[1];
  alert(chUrl);
  window.open(chUrl, '_blank');
}

© 2017 KoolChart. All rights reserved.