Questions on UI for ASP.NET AJAX Forum

2 answers

30 views

Unable to get RangeBar chart working with dates

This is the sample I am trying to get working. Any help would be appreciated.

        <telerik:RadHtmlChart runat="server" ID="RadHtmlChart2" Width="900px" Height="400px">
            <ChartTitle Text="Services">
                <Appearance Align="Center" />
            </ChartTitle>
            <Legend>
                <Appearance Visible="true" Position="Bottom" />
            </Legend>
            <PlotArea>
                <Series>
                    <telerik:RangeBarSeries Name="123">
                        <SeriesItems>
                            <telerik:RangeSeriesItem From="1748736000000" To="1783123200000" />
                        </SeriesItems>
                        <Appearance>
                            <FillStyle BackgroundColor="#5B9BD5" />
                        </Appearance>
                    </telerik:RangeBarSeries>

                    <telerik:RangeBarSeries Name="PT1">
                        <SeriesItems>
                            <telerik:RangeSeriesItem From="1748736000000" To="1751068800000" />
                        </SeriesItems>
                        <Appearance>
                            <FillStyle BackgroundColor="#ED7D31" />
                        </Appearance>
                    </telerik:RangeBarSeries>

                    <telerik:RangeBarSeries Name="PT2">
                        <SeriesItems>
                            <telerik:RangeSeriesItem From="1753142400000" To="1755388800000" />
                        </SeriesItems>
                        <Appearance>
                            <FillStyle BackgroundColor="#A9D18E" />
                        </Appearance>
                    </telerik:RangeBarSeries>
                </Series>
                <XAxis Type="Date" BaseUnit="Months" MinDateValue="05/01/2026" MaxDateValue="09/01/2026">
                    <MinorGridLines Visible="false" />
                </XAxis>
                <YAxis>
                    <MinorGridLines Visible="true" />
                    <MajorGridLines Visible="true" />
                </YAxis>
            </PlotArea>
        </telerik:RadHtmlChart>

This is the current output:

Chart (HTML5)

updated answer on 22 Apr 2026

2 answers

26 views

Getting 302 redirect to Login Page when trying to upload file on Telerik.Web.UI.WebResource.axd endpoint

Hey all!

I'm currently testing our production system at our lab, version of Telerik UI is 2012.2.607.40.
When trying to upload file using the Telerik.Web.UI.WebResource.axd?type=rau endpoint, I'm getting a 302 status code redirect to our app's login page.
What is wrong here?

Thanks all,
john

Documentation and Tutorials

Installer and VS Extensions

Persistence Framework

ScriptManager and StyleSheetManager

Security

Sharepoint Integration

UI for ASP.NET AJAX in ASP.NET MVC

Upload (Obsolete)

Visual Style Builder

WebParts for SharePoint

Window

XmlHttpPanel

answered on 01 Apr 2026

2 answers

45 views

Bar and line chart in a single chart

Hello.
I am using ASP.NET Framework, and in the Telerik.Reporting.Graph section I have a chart that is populated by a stored procedure.
The output of my stored procedure has three columns: DayOfMonth, ProductionType, and Value, and it is structured as follows.

DayOfMonth	ProductionType	Value
1	Staple	1244
1	SumAll	3066.2
1	Tow	1822.2
2	Staple	624.9
2	SumAll	3984.6
2	Tow	3359.7
3	Staple	1865.38
3	SumAll	5126.18
3	Tow	3260.8

ProductionType has three values: Tow, Staple, and SumAll.

I need SumAll to be displayed as a line chart, and Tow and Staple to be displayed as bar (column) charts within the same chart.
DayOfMonth should be displayed horizontally on the X-axis and represent the days of the month.

No matter how much I tried, I could not limit the ProductionType values in the line chart using the filters in:

series < lineSeries1 < GraphGroup < Filters
series < SeriesGroup < Filters

so that only ProductionType = SumAll is shown in the line chart.

The only place where I managed to apply this filter was in:

Data < SeriesGroup < Filters

but that filters the entire dataset, causing the bar chart to be filtered as well.

Please help me with this issue.
A sample of my code is attached.

Thank you.

answered on 06 Jan 2026

1 answer

58 views

Problem with XAxis steps and labels

I cannot seem toe get my XAxis right with the following code, I simply want to display whole hours on the X-axis and values coming from a dataset like so

0 2025-10-22 00:31:16.000
0 2025-10-22 00:31:46.000
0 2025-10-22 00:32:16.000
0 2025-10-22 00:32:46.000
0 2025-10-22 00:33:16.000
18 2025-10-22 00:33:46.000
1591 2025-10-22 00:34:16.000
1584 2025-10-22 00:34:46.000
1585 2025-10-22 00:35:16.000
1589 2025-10-22 00:35:46.000
1585 2025-10-22 00:36:16.000
0 2025-10-22 00:36:46.000
0 2025-10-22 00:37:16.000
0 2025-10-22 00:37:46.000
0 2025-10-22 00:38:16.000
0 2025-10-22 00:38:46.000
0 2025-10-22 00:39:16.000
0 2025-10-22 00:39:46.000
0 2025-10-22 00:40:16.000
0 2025-10-22 00:40:46.000

.

This produces the XAxis as shown in the attached screenshot.

What is the way to go?

Chart (HTML5)

answered on 27 Oct 2025

1 answer

206 views

Multiple Y axis on same line?

Hi there

In order to get differing steps to show the levels on my stacked chart I can kind of do it using additional Y axis, but obviously this is showing them on separate lines.

Is it possible to manipulate the layout so that the lines are on top of each other so it looks like 1 line?

Thanks for your help

Chart (HTML5)

answered on 04 Aug 2025

1 answer

166 views

Get index of series item when clicked

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,

Ajax

Chart (HTML5)

Chart (Obsolete)

answered on 31 Oct 2024

1 answer

78 views

How to make legend unclickable

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

Any ideas?

Thank you

Chart (HTML5)

answered on 28 Oct 2024

1 answer

85 views

Layered Bar Chart

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.

Ajax

Chart (HTML5)

answered on 07 Oct 2024

1 answer

121 views

RadHtmlChart Column Chart Data Splitting

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!

Chart (HTML5)

answered on 11 Sep 2024

1 answer

121 views

[Solved] How to set an individual Pie Chart ToolTip text colour

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.

Chart (HTML5)

answered on 19 Jun 2024