series.lineString | Object
Line options.
Applicable to area series.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "area",
series: [{
data: [10, 15, 8, 12],
line: {
color: "blue",
width: 3,
style: "smooth"
}
}]
});
</script>series.line.colorString
The line color.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "area",
series: [{
data: [10, 15, 8, 12],
line: {
color: "red"
}
}]
});
</script>series.line.opacityNumber(default: 1)
The line opacity.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "area",
series: [{
data: [10, 15, 8, 12],
line: {
opacity: 0.5
}
}]
});
</script>series.line.widthString(default: 0.5)
The line width.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "area",
series: [{
data: [10, 15, 8, 12],
line: {
width: 4
}
}]
});
</script>series.line.styleString(default: "normal")
The supported values are:
- "normal" - The values will be connected with straight line.
- "step" - The values will be connected with a line with right angle.
- "smooth" - The values will be connected with a smooth line.
The default value is "normal".
The
styleoption is supported when series.type is set to "area".
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "area",
series: [{
data: [10, 15, 8, 12],
line: {
style: "smooth"
}
}]
});
</script>