axisDefaults.plotBandsArray
The plot bands of the axis.
Example - set the axisDefaults plotBands
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
plotBands: [{
from: 1,
to: 2,
color: "lightblue",
opacity: 0.5
}]
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.plotBands.colorString
The color of the plot band.
Example - set the axisDefaults plotBands color
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
plotBands: [{
from: 1,
to: 2,
color: "red"
}]
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.plotBands.fromNumber
The start position of the plot band in axis units.
Example - set the axisDefaults plotBands from
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
plotBands: [{
from: 0.5,
to: 2,
color: "lightblue"
}]
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.plotBands.opacityNumber
The opacity of the plot band.
Example - set the axisDefaults plotBands opacity
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
plotBands: [{
from: 1,
to: 2,
color: "blue",
opacity: 0.3
}]
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.plotBands.toNumber
The end position of the plot band in axis units.
Example - set the axisDefaults plotBands to
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
plotBands: [{
from: 1,
to: 2.5,
color: "green"
}]
},
series: [
{ data: [1, 2, 3] }
]
});
</script>In this article