Telerik Forums
UI for Blazor Forum
1 answer
63 views

Hello,

I cannot get plotbands to work, could you please help me figure out what I'm doing wrong?

<ChartCategoryAxisPlotBands>
       <ChartCategoryAxisPlotBand From="0" To="100000000" Color="red" Opacity="0.4" />
       <ChartCategoryAxisPlotBand From="200000000" To="300000000" Color="red" Opacity="0.4" />
       <ChartCategoryAxisPlotBand From="400000000" To="500000000" Color="red" Opacity="0.4" />
</ChartCategoryAxisPlotBands>

 

Is there a oneliner for just alternating colors?

Each even row number should be red and odd row number white. It makes it harder to make each plotband range, when the numbers are dynamic and change every single day. I do not control the min to max range, beacuse they are created automatically when the graph is rendered.

 

Regards,
Nikolas

Tsvetomir
Telerik team
 answered on 26 May 2022
1 answer
262 views

ChartTitle has a Color property, but ChartLegend does not. How can I change the text to white?

Svetoslav Dimitrov
Telerik team
 answered on 11 Apr 2022
1 answer
102 views

Is the ChartSeriesStyle.Smooth  property supposed to work on Area chart as well?

seems like it's working on a line chart only for me

 

Marin Bratanov
Telerik team
 answered on 27 Mar 2022
1 answer
231 views

1. I need to add a center label to my Donut Chart

2. make the percentage label always visible (not only on mouseover)

How can I achieve this?

Open photo

Marin Bratanov
Telerik team
 answered on 26 Mar 2022
0 answers
241 views

I use blazor chart component and it works quite fine. The problem starts when printing the current html page (CTRL+P) then the chart gets cut off on the right side and does not scale correctly. As you can see in my screenshot the table above the chart is scaled ok but the chart is cut off.

What can I do to print the chart in a correct way?

Regards
Heiko

Heiko
Top achievements
Rank 1
Iron
Veteran
 asked on 22 Mar 2022
1 answer
163 views

1. How can I set the tooltip values to be always visible? (the 42%, 25% & 33%)

2. Is it possible to set the inner text, like this?  (50)


 

Marin Bratanov
Telerik team
 answered on 20 Feb 2022
0 answers
74 views

*** UPDATE If I remove the set culture code, then it works **

Adding Format="{0:d}" to this code Telerik REPL for Blazor - The best place to play, experiment, share & learn using Blazor.

works fine.

If I try to do the same I get this:

First Format="{0}"

Using Format="{0:d}" I get this. Same when I use any other formats like Format="{0:yyyy.MM.dd}"

When not using any kind of format. Not good enough. Missing the year

 


 <TelerikChart RenderAs="RenderingMode.Canvas">
            <ChartTitle Text="Prices"/>
            <ChartTooltip Visible="true"/>
            <ChartLegend Position="ChartLegendPosition.Bottom"/>

            <ChartSeriesItems>
                <ChartSeries Type="ChartSeriesType.Line"
                             Name=""
                             Data="@Details.PriceGraphs"
                             DashType="@DashType.Solid"
                             CategoryField="@nameof(InstrumentPriceGraph.UpdateDate)"
                             Field="@nameof(InstrumentPriceGraph.Price)">
                </ChartSeries>
            </ChartSeriesItems>

            <ChartValueAxes>
                <ChartValueAxis Min="@_yMinValue" Max="@_yMaxValue"/>
            </ChartValueAxes>

            <ChartCategoryAxes>
                <ChartCategoryAxis Type="ChartCategoryAxisType.Date" BaseUnit="ChartCategoryAxisBaseUnit.Days">
                    <ChartCategoryAxisLabels Step="2" Format="{0:d}">
                        <ChartCategoryAxisLabelsRotation Angle="-45"/>
                    </ChartCategoryAxisLabels>
                </ChartCategoryAxis>
            </ChartCategoryAxes>

        </TelerikChart>
Setting the culture in Blazor wasm Program.cs

var culture = new CultureInfo("da-DK");
culture.DateTimeFormat.ShortDatePattern = "dd-MM-yyyy";
CultureInfo.DefaultThreadCurrentCulture = culture;
CultureInfo.DefaultThreadCurrentUICulture = culture;

Martin Herløv
Top achievements
Rank 2
Bronze
Iron
Iron
 updated question on 11 Feb 2022
1 answer
285 views

1. I am creating a pie chart and the element the chart is nested in has a white background I cant seem to change please help.

2. I am using custom styling and have left out a component I would like to add  a single component. I have however changed some of the default telerik styling in the file is there a way I can get the exclusive css for a single component without needing a whole new file?

thanks

 

Marin Bratanov
Telerik team
 answered on 10 Feb 2022
1 answer
1.0K+ views

How can I set the start value on the Y axis? The max value always look right

Apostolos
Telerik team
 answered on 08 Feb 2022
1 answer
376 views

Hello, we have and app with different dashboards that contains charts, counters, labels, etc and i have to questions

1. How can we render these dashboards and export to pdf, html, or other format to send by email? we have also telerik reporting for some grids reports but we dont want to code again the reports in telerik reporting with different components and format, we would like to reuse the same blazor dashboard and charts and components we already have in ui.

2. How can we create dynamic dashboard where user can enable or disabled widgets and configure their own dashboards, add or hide widgets and the page is reconfigured, is there any component for this or planned in roadmap?

 

Nadezhda Tacheva
Telerik team
 answered on 07 Feb 2022
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?