Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
48 views

How can I get the index of the series item on a Line Chart when clicking on it?

I am using OnSeriesClick

        function OnSeriesClick(args) {
            alert(args.value);
        }

I don't care about the value of the item, what I need is the index of it in the series.

Thanks,

 


Vasko
Telerik team
 answered on 31 Oct 2024
1 answer
25 views

I would like to disable ability to click on chart legend items.

Any ideas?

 

Thank you

Vasko
Telerik team
 answered on 28 Oct 2024
1 answer
26 views
Does anyone know how to create a layered bar chart like the sample image I have included?  I do not want to stack the data because that misrepresents the Y axis value.  I am programming this chart for a sales pipeline.
Vasko
Telerik team
 answered on 07 Oct 2024
1 answer
63 views
I have data called BookedHours and it is hours that are booked in a day.

Each day's booked hours is totaled from another field called WorkType.

For example, today there are 40 booked hours, 8 of which are vacation, 16 are labor, and 16 are holiday.

I want to have a column that displays the total 40 booked hours in the day, but I want the stacked columns to display the data split up. Following the same example above, 8 hours of the column for today is vacation (colored red), 16 hours stacked on top of that in the same column is labor (colored blue), etc...

I have tried sooo much to get this to work and I can't figure out a way to group the data into a column like that. Here is the HTML code I have:


                                        <telerik:RadHtmlChart ID="RadHtmlChartInstall" runat="server" DataSourceID="odsChart1">
                                            <PlotArea>
                                                <Series>
                                                    <telerik:ColumnSeries DataFieldY="BookedHours" GroupName="WorkType" Stacked="true">
                                                        <LabelsAppearance Visible="false"></LabelsAppearance>
                                                    </telerik:ColumnSeries>
                                                </Series>
                                                <XAxis DataLabelsField="Day">
                                                    <TitleAppearance Text="Day">
                                                        <TextStyle Margin="5" Color="Black" Bold="true" />
                                                    </TitleAppearance>
                                                    <MajorGridLines Visible="false" />
                                                    <MinorGridLines Visible="false" />
                                                    <LabelsAppearance RotationAngle="270" Color="Black" />
                                                </XAxis>
                                                <YAxis>
                                                    <TitleAppearance Text="Booking Time">
                                                        <TextStyle Margin="5" Color="Black" Bold="true" />
                                                    </TitleAppearance>
                                                    <MinorGridLines Visible="false" />
                                                    <LabelsAppearance>
                                                        <TextStyle Margin="3" Color="Black" />
                                                    </LabelsAppearance>
                                                </YAxis>
                                            </PlotArea>
                                            <Legend>
                                                <Appearance Position="Bottom">
                                                    <TextStyle Color="Black" />
                                                </Appearance>
                                            </Legend>
                                        </telerik:RadHtmlChart>

Thanks!
Rumen
Telerik team
 answered on 11 Sep 2024
1 answer
75 views

Hi all,

I have tried to use the samples shown in this post ( https://www.telerik.com/forums/determine-column-series-color ) but cannot get it to apply for a pie chart. I have several dark & light coloured pie segments (eg: black & yellow) and cannot set a single colour across the board.

My current function looks like this:

function Chart1SeriesHover(e) { setTimeout(function () { switch (e.category) { case'Not Done': $telerik.$('.k-tooltip')[0].style.color = "white"; //black pie segment break; default: break;

} }, 10); }


but I keep getting the following error in DevTools:

Uncaught TypeError: Cannot read properties of undefined (reading 'style')

Any help would be greatly appreciated.

Vasko
Telerik team
 answered on 19 Jun 2024
1 answer
69 views

If you have a page with Telerik UI for ASP.NET AJAX RadHtmlChart and try to add Kendo UI for jQuery Notification to that page...
The JavaScript:

var notif = jqueryobject.kendoNotification({appendTo: "#appendto"}).data("kendoNotification");

You cannot call notif.show() because notif is undefined.
We added a kendoNotification to our skin and on pages that use Telerik UI for ASP.NET AJAX RadHtmlChart causes this problem. Other pages with other Telerik UI for ASP.NET AJAX controls work fine.
We have also seen this issue on one other Telerik UI for ASP.NET AJAX control: RadClientDataSource
Any work-around to get this working?

Rumen
Telerik team
 answered on 05 Jun 2024
2 answers
112 views

I displayed a lot of charts which contains too many data. So I define XAxis.MaxValue and/or XAxis.MinValue at the beginning. User can use zooming and panning function if needed. But sometimes it is not clear that some part of chart is not visible and how many values are hidden. If I understand well then "Data Navigation" can be used only for date axis, but it is not true in most of my cases.

My idea is to display below chart "Range Slider" and simply show left and right boundary of the chart. At the beginning it will be enough just to display the position (after events drag/zoom). Later I want implement that user can change the zoom and position of chart by using the slider, but I am not sure if it is possible to modify chart by client methods.

Did anybody try to implement something like that or is there any similar functionality which I didn't noticed?

Thank you,

Petr

Petr
Top achievements
Rank 1
Iron
 answered on 02 Feb 2024
3 answers
87 views

Hi,

I would like help with the following:

1. How can I modify the culture settings for a Box Plot Chart?

2. What steps are involved in changing the symbol from "$" to "£"?

Review the attached image for reference.

Best regards,
Omar

Vasko
Telerik team
 answered on 13 Dec 2023
2 answers
67 views

Hi,

Can someone help with these questions:

1. How can I modify the culture settings for a Box Plot Chart?
2. What steps are involved in changing the symbol from "$" to "£"?

Could you review the attached image for reference, please?

Best regards,
Omar

Omar
Top achievements
Rank 3
Iron
Iron
Iron
 answered on 09 Dec 2023
1 answer
146 views

I am not able to set opacity for the background of HTML Chart.

I tried to setup in page

<PlotArea>
        <Appearance>
          <FillStyle BackgroundColor="#32FFFFFF" />
        </Appearance>

or in code

PlotArea.Appearance.FillStyle.BackgroundColor = Color.FromArgb(50, 255, 255, 255);

But the alpha component is always ignored and I see only white background. Is it possible to define some other way?

Thank you,

Petr

Vasko
Telerik team
 answered on 24 Nov 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?