Hi Everybody, I have a problem with the tooltips in RadarLine charts: when two points fall on the same vertical axis, it only displays the tooltip of upper one, even if I'm over to bottom one. I'm using Kendo 2013.2.716.
This is an example of what I mean:
---------------------------
<div id="RadarChart"></div>
$("#RadarChart").kendoChart({
"chartArea":{"background":"Transparent"},
"title":{
"text":"TITLE",
"position":"top",
"align":"left"},
"legend":{
"visible":false},
"series":[{
"name":"Value",
"type":"radarLine",
"field":"Value"}],
"categoryAxis":[{
"field":"Category"}],
"valueAxis":[{
"labels":{
"template":"#= kendo.format(\u0027{0:P}\u0027, value / 100) #"},
"majorGridLines":{
"color":"#a4a4a4"},
"majorUnit":10}],
"dataSource":{
"schema":{
"model":{
"fields":{
"Value":{"type":"number"},
"Category":{"type":"string"},
"LongCategory":{"type":"string"},
"Color":{"type":"string"},
"Exploded":{"type":"boolean"},
"InLegend":{"type":"boolean"}}}},
"data":[
{"Value":25,"Category":"Top","LongCategory":"Top Top Top Top Top","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Right","LongCategory":"Right Right Right Right Right","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Bottom","LongCategory":"Bottom Bottom Bottom Bottom Bottom","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Left","LongCategory":"Left Left Left Left Left","Color":null,"Exploded":false,"InLegend":false}]},
"tooltip":{
"template":"#= dataItem.LongCategory # - #= kendo.format(\u0027{0:P}\u0027, value / 100) #",
"visible":true}
});
This is an example of what I mean:
---------------------------
<div id="RadarChart"></div>
$("#RadarChart").kendoChart({
"chartArea":{"background":"Transparent"},
"title":{
"text":"TITLE",
"position":"top",
"align":"left"},
"legend":{
"visible":false},
"series":[{
"name":"Value",
"type":"radarLine",
"field":"Value"}],
"categoryAxis":[{
"field":"Category"}],
"valueAxis":[{
"labels":{
"template":"#= kendo.format(\u0027{0:P}\u0027, value / 100) #"},
"majorGridLines":{
"color":"#a4a4a4"},
"majorUnit":10}],
"dataSource":{
"schema":{
"model":{
"fields":{
"Value":{"type":"number"},
"Category":{"type":"string"},
"LongCategory":{"type":"string"},
"Color":{"type":"string"},
"Exploded":{"type":"boolean"},
"InLegend":{"type":"boolean"}}}},
"data":[
{"Value":25,"Category":"Top","LongCategory":"Top Top Top Top Top","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Right","LongCategory":"Right Right Right Right Right","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Bottom","LongCategory":"Bottom Bottom Bottom Bottom Bottom","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Left","LongCategory":"Left Left Left Left Left","Color":null,"Exploded":false,"InLegend":false}]},
"tooltip":{
"template":"#= dataItem.LongCategory # - #= kendo.format(\u0027{0:P}\u0027, value / 100) #",
"visible":true}
});