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

YAxis.notes.icon.border

configuration

The border of the icon.

yAxis.notes.icon.border

Object

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "scatter",
    data: [[1, 2], [2, 3]]
  }],
  yAxis: {
    notes: {
      icon: {
        border: {
          width: 2,
          color: "red"
        }
      },
      data: [{ value: 1 }]
    }
  }
});
</script>

yAxis.notes.icon.border.color

String

The border color of the icon.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "scatter",
    data: [[1, 2], [2, 3]]
  }],
  yAxis: {
    notes: {
      icon: {
        border: {
          color: "green"
        }
      },
      data: [{ value: 1 }]
    }
  }
});
</script>

yAxis.notes.icon.border.width

Number

The border width of the icon.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "scatter",
    data: [[1, 2], [2, 3]]
  }],
  yAxis: {
    notes: {
      icon: {
        border: {
          width: 3
        }
      },
      data: [{ value: 1 }]
    }
  }
});
</script>