Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 12 Jul 2022 08:13 by ADMIN
Brad
Created on: 05 Jul 2022 13:56
Category: Charts
Type: Feature Request
1
"Stepped" support for scatter line charts

Currently, scatter line plots do not support the stepped line style. This is something that would be hugely beneficial to us in our heavy utilization of scatter line plots with time series data.

1 comment
ADMIN
Dimo
Posted on: 12 Jul 2022 08:13

Hi Brad,

Step line style is supported only for categorical series by design. This is because numerical series (such as the scatter line) can render a collection of data points, which move in any direction. There is no defined way to draw steps in such scenarios. Consider the example below.

<TelerikChart>
    <ChartSeriesItems>
        <ChartSeries Type="ChartSeriesType.ScatterLine"
                     Style="@ChartSeriesStyle.Normal"
                     Data="@Series1Data"
                     XField="@nameof(ModelData.X)"
                     YField="@nameof(ModelData.Y)">
        </ChartSeries>
    </ChartSeriesItems>
    <ChartXAxes>
        <ChartXAxis Max="50">
        </ChartXAxis>
    </ChartXAxes>
    <ChartYAxes>
        <ChartYAxis Max="100">
        </ChartYAxis>
    </ChartYAxes>
</TelerikChart>

@code {
    public class ModelData
    {
        public int X { get; set; }
        public int Y { get; set; }
    }

    public List<ModelData> Series1Data = new List<ModelData>() {
        new ModelData() { X = 10, Y = 10 },
        new ModelData() { X = 15, Y = 20 },
        new ModelData() { X = 5, Y = 25 },
        new ModelData() { X = 25, Y = 35 },
        new ModelData() { X = 35, Y = 45 },
        new ModelData() { X = 10, Y = 55 },
        new ModelData() { X = 30, Y = 65 },
        new ModelData() { X = 45, Y = 85 },
        new ModelData() { X = 10, Y = 90 },
        new ModelData() { X = 35, Y = 10 },
        new ModelData() { X = 15, Y = 40 },
        new ModelData() { X = 30, Y = 95 }
    };
}

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category