Hello,
I have a chart with two area series.
When zooming, the second line tooltip stops working. Only the tootltip of the first line works normally.
jQuery(
"#chart"
).kendoChart({
chartArea: {
height: 300
},
renderAs:
"canvas"
,
dataSource: {
data: assuredEnergyGrossGraph
},
series: [
{
type:
"area"
,
aggregate:
false
,
field:
"assuredValue"
,
color:
"#adcd7a"
,
name:
"Garantia FĂsica"
,
line: {
color:
'#40b800'
,
width: 2
}
},
{
type:
"area"
,
aggregate:
false
,
field:
"capacityValue"
,
color:
"#ffcaa8"
,
name:
"PotĂȘncia"
,
line: {
color:
'#f55e00'
,
width: 2
}
}
],
valueAxis: {
title: {
text: $scope.EnergyUnit
}
},
categoryAxis: {
field:
"assuredDateTime"
,
baseUnit:
"months"
,
baseUnitStep:
'auto'
,
maxDateGroups: 24,
type:
"date"
,
labels: {
rotation:
"auto"
,
format:
'MM/yyyy'
}
},
tooltip: {
visible:
true
,
template:
"#= moment(category).format('MM/YYYY') # <br /> #= value # MWM"
},
legend: {
position:
"bottom"
},
pannable: {
lock:
"y"
},
zoomable: {
mousewheel: {
lock:
"y"
},
selection: {
lock:
"y"
}
}
});