series.notes.icon Object
The icon of the notes.
series.notes.icon.background String
The background color of the notes icon.
Example - set the series notes icon background
<div id="chart"></div>
<script>
$("#chart").kendoChart({
dataSource: {
data: [{
value: 1,
noteText: "A"
}]
},
series: [{
field: "value",
noteTextField: "noteText",
notes: {
icon: {
background: "red"
}
}
}]
});
</script>
series.notes.icon.border Object
The border of the icon.
Example - set the series notes icon border
<div id="chart"></div>
<script>
$("#chart").kendoChart({
dataSource: {
data: [{
value: 1,
noteText: "A"
}]
},
series: [{
field: "value",
noteTextField: "noteText",
notes: {
icon: {
border: {
width: 2,
color: "red"
}
}
}
}]
});
</script>
series.notes.icon.border.color String
The border color of the icon.
Example - set the series notes icon border color
<div id="chart"></div>
<script>
$("#chart").kendoChart({
dataSource: {
data: [{
value: 1,
noteText: "A"
}]
},
series: [{
field: "value",
noteTextField: "noteText",
notes: {
icon: {
border: {
width: 2,
color: "red"
}
}
}
}]
});
</script>
series.notes.icon.border.width Number
The border width of the icon.
Example - set the series notes icon border width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
dataSource: {
data: [{
value: 1,
noteText: "A"
}]
},
series: [{
field: "value",
noteTextField: "noteText",
notes: {
icon: {
border: {
width: 2,
color: "red"
}
}
}
}]
});
</script>
series.notes.icon.size Number
The size of the icon.
Example - set the series notes icon size
<div id="chart"></div>
<script>
$("#chart").kendoChart({
dataSource: {
data: [{
value: 1,
noteText: "A"
}]
},
series: [{
field: "value",
noteTextField: "noteText",
notes: {
icon: {
size: 30
}
}
}]
});
</script>
series.notes.icon.type String
(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.
- "cross" - the marker shape is cross.
Example - set the series notes icon shape
<div id="chart"></div>
<script>
$("#chart").kendoChart({
dataSource: {
data: [{
value: 1,
noteText: "A"
}]
},
series: [{
field: "value",
noteTextField: "noteText",
notes: {
icon: {
type: "triangle"
}
}
}]
});
</script>
series.notes.icon.visible Boolean
(default: "true")
The icon visibility.
Example - set the series notes icon visibility
<div id="chart"></div>
<script>
$("#chart").kendoChart({
dataSource: {
data: [{
value: 1,
noteText: "A"
}]
},
series: [{
field: "value",
noteTextField: "noteText",
notes: {
icon: {
visible: false
}
}
}]
});
</script>