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,
I would like to disable ability to click on chart legend items.
Any ideas?
Thank you
<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>
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.
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?
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
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
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
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