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

YAxis.notes.data

configuration

The items of the notes.

yAxis.notes.data

Array

<div id="chart"></div>
<script>
$("#chart").kendoChart({
    series: [{
        data: [1, 2, 3]
    }],
    yAxis: {
        notes: {
            data: [{
                value: 1.5,
                label: {
                    text: "Min target"
                }
            }, {
                value: 2.5,
                label: {
                    text: "Max target"
                }
            }]
        }
    }
});
</script>

yAxis.notes.data.icon

Object

The icon of the note.

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

yAxis.notes.data.label

Object

The label of the note.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
    series: [{
        data: [1, 2, 3]
    }],
    yAxis: {
        notes: {
            data: [{
                value: 2,
                label: {
                    text: "Important",
                    background: "yellow",
                    color: "black"
                }
            }]
        }
    }
});
</script>

yAxis.notes.data.line

Object

The line of the note.

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

yAxis.notes.data.position

String

The position of the y axis notes.

"top" - The note is positioned on the top.
"bottom" - The note is positioned on the bottom.
"left" - The note is positioned on the left.
"right" - The note is positioned on the right.

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

yAxis.notes.data.value

Object

The value of the note.

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

YAxis.notes.data

yAxis.notes.data

yAxis.notes.data.icon

yAxis.notes.data.label

yAxis.notes.data.line

yAxis.notes.data.position

yAxis.notes.data.value

Related Members