legend.item.highlight.markersObject
The markers
configuration of the legend item when it is hovered.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date(2023, 0, 1), value: 100 },
{ date: new Date(2023, 0, 2), value: 105 },
{ date: new Date(2023, 0, 3), value: 98 }
]
},
legend: {
item: {
highlight: {
markers: {
background: "orange",
border: { color: "red", width: 2 }
}
}
}
},
series: [{
field: "value",
categoryField: "date",
name: "Stock Price"
}]
});
</script>
In this article