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

The current request targets the ability to color the whole plot area in alternating way. If you need to only color a certain range of the plot area, you may take a look at the Plot bands feature request.

While the most common use case is to alter the background color based on the major plot area units, we'd like to gather your feedback on how you'd expect the feature to behave - allow color altering on major units, minor units or custom steps.

---

I would like to be able to control the rendering of the Lines on the X and Y axis for the Chart. For example, I would like to be able to hide them, change their color, etc. Currently, such an option is available for the stock chart with the following nested tags: StockChartCategoryAxisLine and StockChartValueAxisLine.

Please see the links below to see examples of the scale break feature I'm looking for: Scale Breaks - ChartView - Telerik UI for WinForms.

https://docs.telerik.com/devtools/aspnet-ajax/controls/chart/features/scale-breaks

I know about Logarithmic Axis as well, but it's not exactly what I'm looking for.

I would like a polar area chart.

Instead of

I want to have circular lines:

In Kendo-React chart i can set the property "maxDivision" like this:

 <ChartCategoryAxis>
     <ChartCategoryAxisItem      
         maxDivisions={30}
         name="categoryAxisName"
         categories={categories}
...

and the chart will show only 30 dates in the displayed range, even if zoom in. 

Is there a way for doing the same thing in Blazor Chart? 

I tryed Type"fit" and MaxDateGroup but i need to show always all the points and this isnot a good solution.
I tryed ChartCategoryAxisLabels Step="number_of_labels_to_render" but when i zoom in the chart
will not show other dates.

Regards,

Davide

Hello,

I want to connector to be directly connected with the chart. 

See https://dojo.telerik.com/AkEHuSiq/3 for reference.

Thank you.

I would like to synchronize several Charts, so when I move the mouse through one of them, the other two Charts show crosshairs at the same position as the first hovered Chart.

===

ADMIN EDIT

===

Prerequisite: Chart Crosshair

I want to be able to set different colors for the separate series items.

===

ADMIN EDIT

===

Enhance the Chart date axis label format, so that it's culture-aware in globalization scenarios, and there is no need to set ChartCategoryAxisLabels Format explicitly.

In the meantime, here are a few workarounds for the case when the ChartCategoryAxis BaseUnit is Days and the Chart shows MM/dd labels even to non-US users.

• The easier option is to use a standard format string:

<ChartCategoryAxis BaseUnit="ChartCategoryAxisBaseUnit.Days"
                    Type="ChartCategoryAxisType.Date">
    <ChartCategoryAxisLabels Format="d" />
</ChartCategoryAxis>

• The above contains the year, so another option is MonthDayPattern:

<ChartCategoryAxis BaseUnit="ChartCategoryAxisBaseUnit.Days"
                    Type="ChartCategoryAxisType.Date">
    <ChartCategoryAxisLabels Format="@( CultureInfo.CurrentUICulture.DateTimeFormat.MonthDayPattern )" />
</ChartCategoryAxis>

• To display a shorter numeric month, use the MonthDayPattern to detect the day-month order and then set  a custom format string.

Razor

<ChartCategoryAxis BaseUnit="ChartCategoryAxisBaseUnit.Days"
                    Type="ChartCategoryAxisType.Date">
    <ChartCategoryAxisLabels Format="@( GetShortDayMonthPattern() )" />
</ChartCategoryAxis>

C#

    private string GetShortDayMonthPattern()
    {
        var mdp = CultureInfo.CurrentUICulture.DateTimeFormat.MonthDayPattern;
        var separator = CultureInfo.CurrentUICulture.DateTimeFormat.DateSeparator;
        string pattern = mdp.IndexOf("M") < mdp.IndexOf("d") ? $"MM{separator}dd" : $"dd{separator}MM";

        return pattern;
    }

Regards, Author nickname Progress Telerik