series.borderObject
The border of the points.
** Applicable to column, ohlc and candlestick series **
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date(2000, 1, 1), open: 10, high: 15, low: 8, close: 12 },
{ date: new Date(2000, 1, 2), open: 12, high: 18, low: 10, close: 16 }
]
},
dateField: "date",
series: [{
type: "candlestick",
openField: "open",
highField: "high",
lowField: "low",
closeField: "close",
border: {
color: "red",
width: 2,
dashType: "solid"
}
}]
});
</script>series.border.colorString|Function
The color of the border. It defaults to the color of the current series.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date(2000, 1, 1), open: 10, high: 15, low: 8, close: 12 },
{ date: new Date(2000, 1, 2), open: 12, high: 18, low: 10, close: 16 }
]
},
dateField: "date",
series: [{
type: "candlestick",
openField: "open",
highField: "high",
lowField: "low",
closeField: "close",
border: {
color: "blue"
}
}]
});
</script>series.border.dashTypeString|Function(default: "solid")
The dash type of the border.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date(2000, 1, 1), open: 10, high: 15, low: 8, close: 12 },
{ date: new Date(2000, 1, 2), open: 12, high: 18, low: 10, close: 16 }
]
},
dateField: "date",
series: [{
type: "candlestick",
openField: "open",
highField: "high",
lowField: "low",
closeField: "close",
border: {
dashType: "dash"
}
}]
});
</script>"solid"
Specifies a solid line.
"dot"
Specifies a line consisting of dots.
"dash"
Specifies a line consisting of dashes.
"longDash"
Specifies a line consisting of a repeating pattern of long-dash.
"dashDot"
Specifies a line consisting of a repeating pattern of dash-dot.
"longDashDot"
Specifies a line consisting of a repeating pattern of long-dash-dot.
"longDashDotDot"
Specifies a line consisting of a repeating pattern of long-dash-dot-dot.
series.border.opacityNumber|Function
The border opacity.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date(2000, 1, 1), open: 10, high: 15, low: 8, close: 12 },
{ date: new Date(2000, 1, 2), open: 12, high: 18, low: 10, close: 16 }
]
},
dateField: "date",
series: [{
type: "candlestick",
openField: "open",
highField: "high",
lowField: "low",
closeField: "close",
border: {
opacity: 0.7
}
}]
});
</script>series.border.widthNumber|Function(default: 1)
The width of the border.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date(2000, 1, 1), open: 10, high: 15, low: 8, close: 12 },
{ date: new Date(2000, 1, 2), open: 12, high: 18, low: 10, close: 16 }
]
},
dateField: "date",
series: [{
type: "candlestick",
openField: "open",
highField: "high",
lowField: "low",
closeField: "close",
border: {
width: 3
}
}]
});
</script>In this article