Chart legend markers matching series dash type

[Tarandeep]

I have a kendo chart with two line series which have the same colour, but have different dash types, dotted and solid. On the chart legend, both series appear with solid lines, but I want the legend to have the dash type displayed - dotted or solid.

Using the HTMLHelper, I've tried to configure the legend using some settings within, but it was not clear from the documentation how this could be configured.
https://docs.telerik.com/aspnet-core/api/kendo.mvc.ui.fluent/chartlegenditemsettingsbuilder#chartlegenditemsettingsbuilder

            .Legend(legend =>
            {
                legend.Position(ChartLegendPosition.Top);
                legend.Item(x =>
                {
                    x.Visual("handler");
                });
            })

In the handler I can see there is options.markers.type, which is currently set to "rect", but from this API reference, there does not seem to be a dotted line type
https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.markers.type

[Eyup]

Hi Tarandeep,

 

Thank you for writing to us. I hope you are doing well.

The property you are looking for is called dash type:
https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.dashtype

Can you give this a try and let me know if it helps you.

 

Regards,
Eyup
Progress Telerik

[Tarandeep]

Hi Eyup,

Thanks for your reply. 

I can see the dashType under the series, but I am looking to configure the dashType of the legend item, so if a series is has a dashed line then the legend item is also dashed.

Here are the options I can see from the handler:

It seems like the legend dashType is not configurable via the handler. Can it be configured using JavaScript? Also if it helps, we are using version 2021.3.1109.

Many Thanks,

Tarandeep

 

[Eyup]

Hi Tarandeep,

Can I kindly ask you to open a formal support ticket and send us a very basic isolated MVC application demonstrating your Chart scenario? This will allow us to reproduce the same behavior locally and apply all the necessary fixes specifically tailored for the exact project. And then we will send you the update working version of the application back to you.

Let me know how if you like this offer.