Display static tooltips

[Jeffry]

We are trying to display statically the tooltips for each of the 3 individual series, but only for Q4 of each year, where applicable for each series. Could we somehow enable the hover-over effect and prevent the tooltip values from being hidden, or something to that effect? What would be the easiest way to accomplish our goal?

Thank you.

[Iliana Dyankova]

Hi Jeffry,

If I understand correctly you would like to have 9 tooltip bubbles displayed simultaneously (3 series and 3 Q4)? This scenario is not supported by the chart tooltip, however you could achieve a similar outcome using the series.labels.visible option. In case I am missing something please elaborate a bit more on the exact outcome you are trying to implement - this way I would be able to advice you further and provide concrete recommendations.

Regards,
Iliana Nikolova
Telerik

 

 

[Jeffry]

Thanks Iliana. The labels do help to get us what we are looking for. Is it possible to conditionally display the labels, so that we only show labels for every 4th marker?

[Iliana Dyankova]

Hi Jeffry,

You could use custom JavaScript logic in the series.labels.visible function and display only some of the labels.

Regards,
Iliana Nikolova
Telerik

 

 

[Jeffry]

Iliana,

Maybe I'm missing something. Our implementation of Kendo is via the MVC UI and not the JS UI. I don't think that it's possible to implement logic into the visible function using the MVC UI. Correct, or.. ?

Thank you.

[Iliana Dyankova]

Hi Jeffry,

Yes, this scenario is not supported out-of-the-box by Kendo UI Chart for ASP.NET MVC. As a possible workaround I would suggest to bind to the dataBound event and add the series.labels.visible custom logic there. As an example:

@(Html.Kendo().Chart(Model)
  //....
  .Events(ev=>ev.DataBound("onDB"))
)

<script>
function onDB(e) {
  e.sender.options.series[0].labels.visible = function (point) {
    //....
  }
}
</script>

Regards,
Iliana Nikolova
Telerik