Completed
Last Updated: 22 Dec 2023 09:43 by ADMIN
Release 5.0.0 (15 Nov 2023) (R1 PI1)
Fairoz
Created on: 18 Mar 2021 15:18
Category: Charts
Type: Feature Request
32
Easy to draw Horizontal and Vertical lines in the charts

I want horizontal and vertical lines in the chart to act as markers (limits, thresholds). It would be awesome if there was a way to simply draw a horizontal and vertical lines, bound to a collection of y and x data respectively.

Something like the below would be nice 

    <TelerikChart>
        <ChartSeriesItems>
            <ChartSeries Type="@ChartSeriesType.Line" Name="@P_Name1" Color="blue"
                         Data="@P_Data1"
                         Field="@P_Field1"
                         CategoryField="@P_CategoryField1">
                <ChartSeriesLabels Visible="true" Template="#=dataItem.P_Description#" />
                <ChartSeriesMarkers Size="4" />
            </ChartSeries>
            <ChartHorizontalLines Data="@YLinesData"/>
            <ChartVerticalLines Data="@XLinesData"/>
        </ChartSeriesItems>
</TelerikChart>

@code{

List<double> YLinesData, XLinesData;

}

---

ADMIN EDIT

You can find some more details and ideas for workarounds here to consider in the meantime.

---

Duplicated Items
13 comments
ADMIN
Hristian Stefanov
Posted on: 22 Dec 2023 09:43

Hi Mark,

The way the area series acts in combination with the line series is influenced by the line series, which centers the categories within each sector. Consequently, the area series aligns itself accordingly.

To address this, we have a separate feature request: Add the justified configuration for the Chart. Once implemented, you will gain the flexibility to fine-tune category positioning with line series configuration, eliminating any space at the beginning and end of the area series. I voted there on your behalf.

Regards,
Hristian Stefanov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Mark
Posted on: 19 Dec 2023 17:28

Hi Hristian

We also find that when we add a line series to a chart with an area series that it alters the way the area series acts:

ADMIN
Hristian Stefanov
Posted on: 19 Dec 2023 08:49

Hi Mark,

I highly appreciate the provided feedback from your experience with the current approach. I forwarded the information to our development team already.

We will continue carefully monitoring this public item for more feedback. Let me know if anything else occurs.

Regards,
Hristian Stefanov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Mark
Posted on: 12 Dec 2023 14:20

For us, it doesn't go far enough to add extra line series. They're okay for some use-cases. One of our key use cases are the 'targets from my last reply. Use of the line series has its limitations:

  1. We can't seem to disable the line series markers, they can be hidden but if a user hovers they're back. We can make them transparent but the border is still there.
  2. We can't specify that a line series marker will line up with the columns in a group. They sit in the middle, between columns, like on the knowledge base post example:

I'll add more if they occur to me. I imagine I will be asked to create a new feature request

ADMIN
Hristian Stefanov
Posted on: 16 Nov 2023 07:56

Hello everyone,

Let me provide an update about this request.

The Charts already provide two options, which handle the standard use cases of drawing horizontal and vertical lines.

We created an example of a Chart that has horizontal and vertical lines drawn through plot bands and additional line series. I have linked the code at the bottom of this post. We will appreciate everyone's feedback if the suggested behavior fits your use cases and requirements.

How it works

The Chart in the sample facilitates the following:

  • Drawing horizontal and vertical lines with fixed opacity, thickness, and color through the Charts Plot Bands.
  • Drawing horizontal and vertical lines that cover specific parts of the Chart through additional line series.

Example

Here is the example with the horizontal and vertical lines displayed on the Chart: Draw Horizontal and Vertical Lines in a Blazor Chart

Next Steps

Due to the ambiguous nature of this feature, we need to be very certain what do customers need. We will continue gathering feedback. The information we receive from you will determine if the current way of handling is practical and if we need to consider something built-in.

Regards,
Hristian Stefanov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
ADMIN
Hristian Stefanov
Posted on: 02 Nov 2023 11:41

Hello,

Sharing your expectations on the feature is highly valued. At the moment, we are in the process of preparing it for implementation.

Once the work is finalized, I will provide an update here, sharing the outcomes and the specific scenarios it will address.

Regards,
Hristian Stefanov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Mark
Posted on: 30 Oct 2023 11:44

Hi Hristian

 

Thank you for your update. I did hope this feature would help us plot "targets" on column charts. Like this forum question, Can you add target markers to a column ChartSeries? in UI for Blazor | Telerik Forums. So, I am led to believe this is not already possible in TelerikChart. For reference

 

Bar Chart Target Markers - Excel University

  • We have been able to use a 0 width series and their markers in some instances, REPL.  But this can quickly breakdown with multiple columns per category or grouped series, REPL.
  • We have been able to hijack a chart series label. But we struggle again with stacked series.
Giuseppe
Posted on: 26 Oct 2023 13:38

Hello,

I've been trying to accomplish the same. I think adding more styling features (DashStyle for example) to the Plot Band would probably suffice.

I also tried a line series with customization, also does the job.

Thank you.

ADMIN
Hristian Stefanov
Posted on: 05 Oct 2023 14:46

Hi Mark,

As a result of our discussion, we have reached the conclusion that the desired functionality can be achieved by utilizing the existing capabilities of the Chart component. Over the next few weeks, we will work on creating an example in the format of a knowledge-based article. This example will allow you to thoroughly evaluate whether it completely aligns with the specific requirements of this feature.

With this in mind, I'm marking this item as 'planned' for our 4.7 release. To stay updated on its progress, please continue monitoring the status here.

Regards,
Hristian Stefanov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
ADMIN
Hristian Stefanov
Posted on: 02 Oct 2023 15:37

Hi Mark,

Indeed, the planning for this item took longer than expected. I will initiate a discussion with our team about it.

Once I gain more information, most likely tomorrow, I will update you with more details.

Regards,
Hristian Stefanov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Mark
Posted on: 27 Sep 2023 09:17

Hi Hristian

 

As we approach 12 months in "Planned" status, can we expect a release number soon?

Thank you

ADMIN
Hristian Stefanov
Posted on: 22 Nov 2022 12:32

Hi Sylvain,

The feature status is changed to "Planned". That means the task is in the short-term backlog now, and as a next step, a release number will appear as well.

I suggest continuing tracking here.

Regards,
Hristian Stefanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Sylvain
Posted on: 15 Nov 2022 16:56
No news about this feature ?