I would like to control the font of the Value axis labels in a similar fashion to the way I can control the labels of the category axis:
<ChartCategoryAxes>
<ChartCategoryAxis Categories="@xAxisItems">
<ChartCategoryAxisLabels Font="bold 12px 'Helvetica'"></ChartCategoryAxisLabels>
</ChartCategoryAxis>
</ChartCategoryAxes>*** Thread created by admin on customer behalf ***
I am trying to customize the format of the ChartCategoryAxisLabels to render the abbreviated name of the day of the week using the following format:
<ChartCategoryAxisLabels Format="ddd dd/MM HH:mm"/>While it is a valid format, it seems that it doesn't work for the category labels.
---
ADMIN EDIT
---
For the time being, you can use the following to render the abbreviated name of the day of the week in the ChartCategoryAxisLabels:
<ChartCategoryAxisLabels Format="{0:EEE dd/MM HH:mm}"/>
After updating the chart data, some elements remain in the DOM. This can clutter the browser if the data updates come in on intervals and the chart remains in operation for a while. A screenshot is attached below.
MCVE:
@using Telerik.Blazor@using Telerik.Blazor.Components.Button@using Telerik.Blazor.Components.Chart<h3>Chart</h3><TelerikButton Primary="true" @onclick="AddDataPoint">Add data point</TelerikButton><TelerikChart Transitions="false"> <TelerikChartSeriesItems> <TelerikChartSeries Type="ChartSeriesType.Line" Name="CPU Usage Data" Data="@simpleData"> </TelerikChartSeries> </TelerikChartSeriesItems> <TelerikChartValueAxes> <TelerikChartValueAxis Max="100" Color="black"></TelerikChartValueAxis> </TelerikChartValueAxes> <TelerikChartTitle Text="CPU Usage"></TelerikChartTitle> <TelerikChartLegend Position="Telerik.Blazor.ChartLegendPosition.Bottom"> </TelerikChartLegend></TelerikChart>@code { void AddDataPoint() { Random random = new Random(); var _val = Math.Round((random.NextDouble() * 100), 3); if (simpleData.Count >= 60) { simpleData = simpleData.TakeLast(59).ToList(); } simpleData.Add(_val); //StateHasChanged(); } public List<object> simpleData = new List<object>();}
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
Is it possible to use a different marker type other than the one provided by ChartSeriesMarkerType enum?
We would like to use a custom icon for some Scatter data but this doesn't seem to be supported out of the box. Please let us know if this is possible in the current framework, if not - can it be added as a feature?
Thanks,
Sean
See attached image. I want an option to change position on ticks, like in Kendo (see here).
I can't find an option in docs to move the axis position.
Currently, I get the desired result using SyncFusion Chart Component, attribute LabelPlacement allow selection between OnTicks and BetweenTicks option.
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.
It would be fantastic to be able to visualize boolean data on a time based chart. We have a lot of time series data, and a good bit of it is boolean. It would be very beneficial to be able to plot that data along side our numeric data to provide context to both.
Example (blue/green bar at bottom of chart):
I would love to see the ability to put "pins" or "markers" for events on a time based chart. A lot of the work I'm doing with charts revolves around IoT, so we see a lot of value based data that needs to be contextualized with events.
Example:
The additional functionality of the stock chart (crosshairs, navigator) fits our needs very well, but our data is not currency formatted. As far as we have found, we have not seen a way to remove currency as a default format. I'm not sure if this is a bug, or intended functionality; but it's preventing us from rolling charts with that extended functionality.
Expose colored ranges (Plot Bands) to allow highlighting certain areas in the chart plot area - similar to https://demos.telerik.com/kendo-ui/bar-charts/plotbands.
---
ADMIN EDIT
---
This feature will allow you to define certain color ranges in the plot area. If you are looking for ability to color the whole plot area in alternating way, you may check this feature request - Is it possible to change the plot area background color in an alternating way.
Is there any plan to add an Org Chart as a control?
For reference - Kendo jQuery Org Chart.
The Org Chart should display the reports to / is a manager of relation (1:0,m) between employees and/or managers graphically.
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.
---