Skip to content

Commit 0716735

Browse files
committed
Sync with Kendo UI Professional
1 parent fc2ac2d commit 0716735

File tree

5 files changed

+743
-29
lines changed

5 files changed

+743
-29
lines changed

docs/api/javascript/dataviz/ui/chart.md

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23627,6 +23627,39 @@ Adjusting the thickness, stroke width, or line weight for highlighted or hovered
2362723627
});
2362823628
</script>
2362923629

23630+
### series.highlight.markers
23631+
23632+
The markers configuration of the series highlight.
23633+
23634+
<div class="meta-api-description">
23635+
Configure and customize data point markers within highlighted chart series by controlling marker appearance, styling, size, color, border properties, and visual emphasis when series are hovered, selected, or focused, enabling precise control over marker highlights in line charts, scatter plots, area charts, and other series types that display individual data points. Adjust marker highlight settings to enhance interactivity, improve data point visibility during user interaction, set marker emphasis styles, control point indicator appearance on highlight states, and customize how markers respond visually to selection or hover events for better chart readability and user experience.
23636+
</div>
23637+
23638+
#### Example
23639+
23640+
<div id="chart"></div>
23641+
<script>
23642+
$("#chart").kendoChart({
23643+
series: [{
23644+
type: "line",
23645+
markers: {
23646+
visible: true,
23647+
type: "roundedRect"
23648+
},
23649+
highlight: {
23650+
markers: {
23651+
border: {
23652+
color: 'blue',
23653+
width: 2
23654+
},
23655+
color: 'red'
23656+
}
23657+
},
23658+
data: [1, 2, 3]
23659+
}]
23660+
});
23661+
</script>
23662+
2363023663
### series.highlight.markers.border
2363123664

2363223665
The border of the highlighted markers.

0 commit comments

Comments
 (0)