legend.border Object
The border of the legend.
Example - set the chart legend border
<div id="chart"></div>
<script>
$("#chart").kendoChart({
legend: {
border: {
width: 2,
color: "green"
}
},
series: [
{ name: "Series 1", data: [1, 2, 3] },
{ name: "Series 2", data: [3, 4, 5] }
]
});
</script>
legend.border.color String
(default: "black")
The color of the border. Accepts a valid CSS color string, including hex and rgb.
Example - set the chart legend border color
<div id="chart"></div>
<script>
$("#chart").kendoChart({
legend: {
border: {
width: 2,
color: "green"
}
},
series: [
{ name: "Series 1", data: [1, 2, 3] },
{ name: "Series 2", data: [3, 4, 5] }
]
});
</script>
legend.border.dashType String
(default: "solid")
The dash type of the border.
The following dash types are supported:
- "dash" - a line consisting of dashes
- "dashDot" - a line consisting of a repeating pattern of dash-dot
- "dot" - a line consisting of dots
- "longDash" - a line consisting of a repeating pattern of long-dash
- "longDashDot" - a line consisting of a repeating pattern of long-dash-dot
- "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot
- "solid" - a solid line
Example - set the chart legend border dash type
<div id="chart"></div>
<script>
$("#chart").kendoChart({
legend: {
border: {
width: 2,
dashType: "dashDot"
}
},
series: [
{ name: "Series 1", data: [1, 2, 3] },
{ name: "Series 2", data: [3, 4, 5] }
]
});
</script>
legend.border.width Number
(default: 0)
The width of the border in pixels. By default the border width is set to zero which means that the border will not appear.
Example - set the chart legend border width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
legend: {
border: {
width: 2
}
},
series: [
{ name: "Series 1", data: [1, 2, 3] },
{ name: "Series 2", data: [3, 4, 5] }
]
});
</script>