categoryAxis.plotBandsArray
The plot bands of the category axis.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
plotBands: [{
from: 1,
to: 3,
color: "#ff0000",
opacity: 0.3
}]
}
});
</script>categoryAxis.plotBands.fromNumber
The start position of the plot band in axis units.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
plotBands: [{
from: 1,
to: 3,
color: "#ff0000"
}]
}
});
</script>categoryAxis.plotBands.toNumber
The end position of the plot band in axis units.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
plotBands: [{
from: 0,
to: 2,
color: "#00ff00"
}]
}
});
</script>categoryAxis.plotBands.colorString
The color of the plot band.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
plotBands: [{
from: 1,
to: 3,
color: "#0000ff"
}]
}
});
</script>categoryAxis.plotBands.opacityNumber
The opacity of the plot band.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
plotBands: [{
from: 1,
to: 3,
color: "#ff0000",
opacity: 0.5
}]
}
});
</script>In this article