valueAxis.plotBandsArray
The plot bands of the value axis.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
plotBands: [{
from: 10,
to: 20,
color: "#ffcccc",
opacity: 0.5
}]
},
series: [{
data: [5, 15, 8, 25, 12]
}]
});
</script>valueAxis.plotBands.fromNumber
The start position of the plot band in axis units.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
plotBands: [{
from: 5,
to: 15,
color: "#ccffcc"
}]
},
series: [{
data: [5, 15, 8, 25, 12]
}]
});
</script>valueAxis.plotBands.toNumber
The end position of the plot band in axis units.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
plotBands: [{
from: 10,
to: 20,
color: "#ffcccc"
}]
},
series: [{
data: [5, 15, 8, 25, 12]
}]
});
</script>valueAxis.plotBands.colorString
The color of the plot band.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
plotBands: [{
from: 10,
to: 20,
color: "#0000ff"
}]
},
series: [{
data: [5, 15, 8, 25, 12]
}]
});
</script>valueAxis.plotBands.opacityNumber
The opacity of the plot band.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
plotBands: [{
from: 10,
to: 20,
color: "#ff0000",
opacity: 0.3
}]
},
series: [{
data: [5, 15, 8, 25, 12]
}]
});
</script>In this article