New to Kendo UI for jQuery? Download free 30-day trial

Use Drawing API to Show Custom Tooltip for categoryAxis Chart Labels


Product Progress® Kendo UI® Chart for jQuery
Operating System Windows 10 64bit
Visual Studio Version Visual Studio 2017
Preferred Language JavaScript


How can I display a tooltip for categoryAxis labels by using the Drawing library?


It is possible for you to display a tooltip for categoryAxis labels through the Drawing library.

The following example demonstrates how to achieve this behavior. Note that the tooltip is displayed when hovering a categoryAxis label.

<div id="chart"></div>
    series: [{
      data: [{
        value: 1
      }, {
        value: 2
      }, {
        value: 3
    categoryAxis: {
      categories: ["Cat 1", "Cat 2", "Cat 3"],
      labels: {
        visual: function (e) {
          // The original label visual
          var labelVisual = e.createVisual();

          // Set the drawing tooltip options
          labelVisual.options.tooltip = {
            content: e.text

          return labelVisual;

See Also

In this article