<ig-data-chart id="datachart1"
data-source="ctrl.dataChart" auto-margin-height="12" legend:= "lineLegend" >
<axes>
<axis name="NameAxis"
type="categoryX"
title="Country"
label="Day"></axis>

<axis name="PopulationAxis"
type="numericY"
minimumvalue="0"
></axis>

</axes>
<series>
<series name="Systolic"
type="area"
showTooltip ="true"

is-highlighting-enabled="true"
is-transition-in-enabled="true"
x-axis="NameAxis"
y-axis="PopulationAxis"
value-member-path="Systolic">
</series>
<series name="Diastolic"
type="area"
showTooltip ="true"

is-highlighting-enabled="true"
is-transition-in-enabled="true"
x-axis="NameAxis"
trendLineBrush: "#000"
y-axis="PopulationAxis"
value-member-path="Diastolic">
</series>

</series>

</ig-data-chart> 

I want to show legend & tooltip values , it si not coming even if i set shoetooltio as true , any documentation describing angular js data chart directives