I have a HTMLChart that I would like to allow a user to right click on a point on the graph and set a start date and then right click on a second point and set the end date. After the points are set it would then pass the dates into a stored procedure and update the HTMLChart. How would I go about doing this? The chart is currently being populated via server-side code.
<
telerik:RadHtmlChart
ID
=
"RadHtmlChart1"
runat
=
"server"
Visible
=
"false"
Legend-Appearance-Position
=
"Top"
Width
=
"95%"
>
<
ClientEvents
OnLoad
=
"BottomXAxisLabels"
OnSeriesClick
=
"OnSeriesClick"
/>
<
PlotArea
>
<
Series
>
<
telerik:ScatterLineSeries
DataFieldY
=
"ReturnedValue"
DataFieldX
=
"cycle_Date"
>
<
TooltipsAppearance
Color
=
"White"
>
</
TooltipsAppearance
>
<
LabelsAppearance
Visible
=
"false"
>
</
LabelsAppearance
>
</
telerik:ScatterLineSeries
>
</
Series
>
<
YAxis
>
<
LabelsAppearance
>
<
TextStyle
Bold
=
"true"
/>
</
LabelsAppearance
>
<
MinorGridLines
Visible
=
"false"
></
MinorGridLines
>
<
MajorGridLines
Visible
=
"false"
></
MajorGridLines
>
</
YAxis
>
<
XAxis
DataLabelsField
=
"cycle_Date"
BaseUnit
=
"Years"
MajorTickSize
=
"1"
>
<
LabelsAppearance
Visible
=
"true"
RotationAngle
=
"90"
DataFormatString
=
"Year {0:yyyy}"
>
<
TextStyle
Bold
=
"true"
/>
</
LabelsAppearance
>
<
TitleAppearance
Text
=
"Dates"
>
<
TextStyle
Bold
=
"true"
/>
</
TitleAppearance
>
<
MinorGridLines
Visible
=
"false"
></
MinorGridLines
>
<
MajorGridLines
Visible
=
"true"
></
MajorGridLines
>
</
XAxis
>
</
PlotArea
>
<
ChartTitle
>
<
Appearance
>
<
TextStyle
Bold
=
"true"
/>
</
Appearance
>
</
ChartTitle
>
<
Legend
>
<
Appearance
Visible
=
"true"
Position
=
"Bottom"
></
Appearance
>
</
Legend
>
</
telerik:RadHtmlChart
>
</
telerik:RadAjaxPanel
>