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

Series.highlight.markers.border

configuration

The border of the highlighted markers.

series.highlight.markers.border

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "line",
    markers: {
      visible: true,
      type: "roundedRect"
    },
    highlight: {
      markers: {
        border: {
          color: 'blue',
          width: 2
        }
      }
    },
    data: [1, 2, 3]
  }]
});
</script>

series.highlight.markers.border.color

The border color of the highlighted markers.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "line",
    markers: {
      visible: true,
      type: "roundedRect"
    },
    highlight: {
      markers: {
        border: {
          color: 'red',
          width: 10
        }
      }
    },
    data: [1, 2, 3]
  }]
});
</script>

series.highlight.markers.border.width

The border width of the highlighted markers.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "line",
    markers: {
      visible: true,
      type: "square"
    },
    highlight: {
      markers: {
        border: {
          color: 'green',
          width: 4
        }
      }
    },
    data: [1, 2, 3]
  }]
});
</script>