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

XAxis.notes.icon.border

configuration

The border of the icon.

xAxis.notes.icon.border

Object

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

xAxis.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]]
    }],
    xAxis: {
      notes: {
        icon: {
          border: {
            color: "red"
          }
        },
        data: [{ value: 1.3 }]
      }
    }
  });
</script>

xAxis.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]]
    }],
    xAxis: {
      notes: {
        icon: {
          border: {
            width: 2
          }
        },
        data: [{ value: 1.3 }]
      }
    }
  });
</script>