The issue is when I click on the series in the chart, OnClientSeriesClicked event is not firing.
for the same type of chart OnClientSeriesHovered event is working fine.Please do the needful whether this type chart is not supports with OnClientSeriesClicked event or Is there anything wrong with my code.?If not supports with OnClientSeriesClicked event let me know the other alternative way for click event.
attached Output.
<telerik:RadHtmlChart runat="server" ID="TemperatureRadHtmlChart" Width="900" Height="350"
OnClientSeriesClicked="OnClientSeriesClicked" Transitions="true">
<PlotArea>
<Appearance>
<FillStyle BackgroundColor="White"></FillStyle>
</Appearance>
<Series>
<telerik:CandlestickSeries Name="XAxis" DataCloseField="MaxTemp" DataHighField="MaxTemp"
DataOpenField="MinTemp" DataLowField="MinTemp">
<Appearance>
<FillStyle BackgroundColor="LimeGreen" />
</Appearance>
<TooltipsAppearance DataFormatString="{0}" Color="Black">
<ClientTemplate>
#=dataItem.XAxis#:#=dataItem.MinTemp# to #=dataItem.MaxTemp#
</ClientTemplate>
</TooltipsAppearance>
</telerik:CandlestickSeries>
</Series>
<XAxis Step="100" MajorTickType="Outside" MinorTickType="Outside" Reversed="false"
Color="Black">
<LabelsAppearance RotationAngle="0">
</LabelsAppearance>
<MajorGridLines Color="White" Width="1"></MajorGridLines>
<MinorGridLines Color="White" Width="1"></MinorGridLines>
<TitleAppearance Position="Center" RotationAngle="0">
</TitleAppearance>
</XAxis>
<YAxis Color="Black" MajorTickSize="1" MajorTickType="Outside" MinorTickSize="1"
MinorTickType="Outside" Reversed="false">
<MajorGridLines Color="LightGray" Width="1"></MajorGridLines>
<MinorGridLines Color="LightGray" Width="1"></MinorGridLines>
<TitleAppearance>
</TitleAppearance>
</YAxis>
</PlotArea>
<Legend>
<Appearance Visible="false" />
</Legend>
</telerik:RadHtmlChart>
<script type="text/javascript" language="javascript">
function OnClientSeriesClicked(sender, args) {
debugger;
var s = args.get_seriesName() + ',' + args.get_category();
//var s = args.get_category() + ',' + args.get_seriesName();
$find("<%= RadAjaxManager.ClientID %>").ajaxRequest(s);
}
for the same type of chart OnClientSeriesHovered event is working fine.Please do the needful whether this type chart is not supports with OnClientSeriesClicked event or Is there anything wrong with my code.?If not supports with OnClientSeriesClicked event let me know the other alternative way for click event.
attached Output.
<telerik:RadHtmlChart runat="server" ID="TemperatureRadHtmlChart" Width="900" Height="350"
OnClientSeriesClicked="OnClientSeriesClicked" Transitions="true">
<PlotArea>
<Appearance>
<FillStyle BackgroundColor="White"></FillStyle>
</Appearance>
<Series>
<telerik:CandlestickSeries Name="XAxis" DataCloseField="MaxTemp" DataHighField="MaxTemp"
DataOpenField="MinTemp" DataLowField="MinTemp">
<Appearance>
<FillStyle BackgroundColor="LimeGreen" />
</Appearance>
<TooltipsAppearance DataFormatString="{0}" Color="Black">
<ClientTemplate>
#=dataItem.XAxis#:#=dataItem.MinTemp# to #=dataItem.MaxTemp#
</ClientTemplate>
</TooltipsAppearance>
</telerik:CandlestickSeries>
</Series>
<XAxis Step="100" MajorTickType="Outside" MinorTickType="Outside" Reversed="false"
Color="Black">
<LabelsAppearance RotationAngle="0">
</LabelsAppearance>
<MajorGridLines Color="White" Width="1"></MajorGridLines>
<MinorGridLines Color="White" Width="1"></MinorGridLines>
<TitleAppearance Position="Center" RotationAngle="0">
</TitleAppearance>
</XAxis>
<YAxis Color="Black" MajorTickSize="1" MajorTickType="Outside" MinorTickSize="1"
MinorTickType="Outside" Reversed="false">
<MajorGridLines Color="LightGray" Width="1"></MajorGridLines>
<MinorGridLines Color="LightGray" Width="1"></MinorGridLines>
<TitleAppearance>
</TitleAppearance>
</YAxis>
</PlotArea>
<Legend>
<Appearance Visible="false" />
</Legend>
</telerik:RadHtmlChart>
<script type="text/javascript" language="javascript">
function OnClientSeriesClicked(sender, args) {
debugger;
var s = args.get_seriesName() + ',' + args.get_category();
//var s = args.get_category() + ',' + args.get_seriesName();
$find("<%= RadAjaxManager.ClientID %>").ajaxRequest(s);
}