Edit this page

seriesDefaults.labels.visual Function

A function that can be used to create a custom visual for the labels. The available argument fields are:

  • text - the label text.
  • rect - the kendo.geometry.Rect that defines where the visual should be rendered.
  • sender - the chart instance (may be undefined).
  • options - the label options.
  • createVisual - a function that can be used to get the default visual.

Example - using custom visual for the labels

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    seriesDefaults: {
      labels: {
        visible: true,
        visual: function(e) {
          var center = e.rect.center();
          return new kendo.drawing.Text(e.text, [center.x, e.rect.origin.y], {
            fill: {
              color: "red"
            }
          });
        }
      }
    },
    series: [{
      data: [1, 2, 3]
    }]
  });
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy