1 Answer, 1 is accepted
0
Hi, hagi,
The faced behavior is caused by the `line` series rendered above the `area` one. The labels in the line series are rendered in the middle of the item in order to keep the end markers of the series visible, hence the area series is also rendered in this way when both series type are combined.
In case using an additional line series is not mandatory for your scenario, you can set the `line` prop of the area series and remove the line series:
Regards,
Vessy
Progress Telerik
The Premier Dev Conference is back!
Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.
Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.
n/a
commented on 29 Aug 2022, 05:46 AM
Top achievements
Rank 1
Rank 1
thanks a lot! but is there a way to do the line +area with chart legend? every time I try what you suggested the chartlegend disappear
Vessy
commented on 29 Aug 2022, 03:26 PM
Telerik team
Hi, hagi,
Yes, you can keep the legend if you are rendering only one area series, but the legend item will be only 1 in this case (as the line is rendered as a border, not a separate series):
https://stackblitz.com/edit/react-tcojzt-kb5rfp?file=app%2Fmain.jsx