valueAxis.notes.iconObject
The icon of the notes.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [10, 15, 8, 12, 18, 6, 14],
valueAxis: {
notes: {
icon: {
background: "lightblue",
border: {
color: "blue",
width: 2
}
},
data: [{ value: 12 }]
}
}
});
</script>valueAxis.notes.icon.backgroundString
The background color of the notes icon.
Example - set the value axis notes icon background
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
icon: {
background: "red"
},
data: [{ value: 1 }]
}
}
});
</script>valueAxis.notes.icon.borderObject
The border of the icon.
Example - set the value axis notes icon border
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
icon: {
border: {
width: 2,
color: "red"
}
},
data: [{ value: 1 }]
}
}
});
</script>valueAxis.notes.icon.border.colorString
The border color of the icon.
Example - set the value axis notes icon border color
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
icon: {
border: {
width: 2,
color: "red"
}
},
data: [{ value: 1 }]
}
}
});
</script>valueAxis.notes.icon.border.widthNumber
The border width of the icon.
Example - set the value axis notes icon border width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
icon: {
border: {
width: 2,
color: "red"
}
},
data: [{ value: 1 }]
}
}
});
</script>valueAxis.notes.icon.sizeNumber
The size of the icon.
Example - set the value axis notes icon size
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
icon: {
size: 30
},
data: [{ value: 1 }]
}
}
});
</script>valueAxis.notes.icon.typeString(default: "circle")
The icon shape.
The supported values are:
- "circle" - the marker shape is circle.
- "square" - the marker shape is square.
- "triangle" - the marker shape is triangle.
Example - set the value axis notes icon shape
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
icon: {
shape: "triangle"
},
data: [{ value: 1 }]
}
}
});
</script>valueAxis.notes.icon.visibleBoolean(default: "true")
The icon visibility.
Example - set the value axis notes icon visibility
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
icon: {
visible: false
},
data: [{ value: 1 }]
}
}
});
</script>In this article