In need a chart that has a shaded area between a max and min set of curves, indicating the allowable area

Like this one: https://demos.telerik.com/kendo-ui/range-area-charts/index

It would be helpful to me if this chart type was supported.

https://demos.telerik.com/kendo-ui/range-bar-charts/index

I have a line chart I am using to plot two related series of data. When these two series have the same values, or very similar values, the series that is second in the render order completely covers up the first line. This makes it look like the first line isn't being rendered, and makes it impossible to access the tooltips for the first series. I need a way to disambiguate overlapping data.

 

Thank you

I would like to control the font of the value axis labels.

Expose Panes Functionality from the Chart Engine

I tried to add the OnSeriesClick to the chart definition and it allows this. When I click a bubble item, args is empty. Should this be supported? The user wants a bubble click to navigate to another page?

Is it possible to change plot area background color on charts so that every second line is a different color.

I have attached a image with the background color look.

---

ADMIN EDIT

This is something that can be done with the Plot Bands feature of the charts that needs to be exposed for the Blazor charts. You can see how they work in this demo (two plot bands - one wide, one that forms just a thick line at the top of the first): https://demos.telerik.com/kendo-ui/bar-charts/plotbands.

---

It would be nice to be able to use Html markup in the ChartCategoryAxisLabel. 

I can see in the documentation that it currently doesn't support this. I am curious if it is possible. Thank you.

Are there border settings in the Chart?

How to create a waterfall chart?

---

ADMIN EDIT

Screen recording attached below, code to reproduce  it too.

---

If a chart is too narrow and x-axis labels overlap, the user can zoom out and refresh the charts to allow the labels to fit. This feature request is to allow the charts to reformat themselves as the zoom level is changed (without having to refresh the page). Steps to reproduce:

• Make browser narrow (say half screen)
• Change zoom to 500%
• Go to https://demos.telerik.com/blazor-ui/chart/line-chart
• See line chart is squished with overlapping x-axis labels
• Zoom out to 100%
• ­See line chart remains squished with overlapping x-axis labels even though there is a lot more room
• Now refresh the page
• See line chart is no longer squished with x-axis labels visible

I would like to use a fan curve chart in my Blazor application

At the moment it is always white. I often want it transparent so it can blend better with the rest of the content (e.g., it should be able to the color of the grid row it is embedded in).

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.

---

When I set the AutoHide parameter of the Chart Tooltip to false it does not affect the way the tooltip is closing. 

I would like to be able to use the justified configuration in order to remove the empty spaces from my charts. 

I'm using version 1.1 of the UI for Blazor and have leveraged several different types of charts.  I now need to add click events on different parts of the chart so I can navigate to a drilldown page.  How can I accomplish this?

Our Site supports multiple themes that we have built using the SASS Theme Builder. For all Telerik Components we have used so far the theme changes on them as expected when using the example found here (Change Theme at Runtime). The problem seems to be the chart component will not adhere to the newly applied theme after its initial load. Seems like this is because it is shown as an SVG with hardcoded attributes on the element. Is there a workaround for this (other than reloading the components entirely)?

 

Before & After Theme Change:

I would like to be able to click on the legend labels of a Chart. An event similar to the OnSeriesClick would be suitable.