HTML Chart Control

Select an item in a chart

Technologies > User Interface Add-Ins > HTML Chart Views > Console View with a Chart

To enable item selection, create an onClickItem event in the chart panel:

<panel type="htmlChart"
<event type="onClickItem">
<command type="callFunction" functionName="displayChartSelectedItem" /> </event>

To access the selected item in JavaScript:

function displayChartSelectedItem(obj){
var str = "";
for(var name in obj.selectedChartData){
str = str + "[" + name +":"+obj.selectedChartData[name] + "]";
}
alert(str);
}

In the above JavaScript example, obj.selectedChartData is the selected item's data object from the chart, obj.restriction would be the passed restriction object, and obj.chart is the chart object.

Example view : http://localhost:8080/archibus/schema/ab-products/solutions/parts/htmlchart/ab-ex-htmlchart-console.axvw