Hello,
I have a RadHtmlChart Bar chart that is using an ObjectDataSource to bind data. The Xaxis is customer name and I'd like to make the customer name a clickable link that would redirect the user to a customer page. Is this possible?
I've been able to make the bars clickable using javascript for the OnClientSeriesClicked event but my requirements are to make the labels into link. Any advise would be appreciated
Below is my chart:
I have a RadHtmlChart Bar chart that is using an ObjectDataSource to bind data. The Xaxis is customer name and I'd like to make the customer name a clickable link that would redirect the user to a customer page. Is this possible?
I've been able to make the bars clickable using javascript for the OnClientSeriesClicked event but my requirements are to make the labels into link. Any advise would be appreciated
Below is my chart:
<
telerik:RadHtmlChart
runat
=
"server"
ID
=
"BarChart"
Height
=
"400"
Transitions
=
"true"
DataSourceID
=
"ChartsDataSource"
OnClientSeriesClicked
=
"OnClientSeriesClicked"
>
<
PlotArea
>
<
Appearance
>
<
FillStyle
BackgroundColor
=
"#c5d291"
></
FillStyle
>
</
Appearance
>
<
Series
>
<
telerik:BarSeries
DataFieldY
=
"PercentPaid"
>
<
Appearance
FillStyle-BackgroundColor
=
"#729021"
></
Appearance
>
<
LabelsAppearance
Position
=
"InsideBase"
Color
=
"White"
>
<
ClientTemplate
>
$#=dataItem.PaidToDate#
</
ClientTemplate
>
</
LabelsAppearance
>
</
telerik:BarSeries
>
</
Series
>
<
XAxis
DataLabelsField
=
"CustomerName"
Reversed
=
"false"
>
<
TitleAppearance
Text
=
"Customer Name"
Visible
=
"false"
>
<
TextStyle
Margin
=
"20"
/>
</
TitleAppearance
>
<
MajorGridLines
Visible
=
"false"
Width
=
"0"
/>
<
MinorGridLines
Visible
=
"false"
/>
</
XAxis
>
<
YAxis
AxisCrossingValue
=
"0"
Color
=
"#b3b3b3"
MajorTickSize
=
"1"
MajorTickType
=
"Outside"
MinorTickSize
=
"1"
MinorTickType
=
"Outside"
MinValue
=
"0"
MaxValue
=
"100"
Reversed
=
"false"
>
<
LabelsAppearance
DataFormatString
=
"{0}%"
RotationAngle
=
"30"
Skip
=
"0"
></
LabelsAppearance
>
<
MajorGridLines
Color
=
"#EFEFEF"
Width
=
"0"
></
MajorGridLines
>
<
MinorGridLines
Color
=
"#F7F7F7"
Width
=
"0"
></
MinorGridLines
>
<
TitleAppearance
Position
=
"Center"
RotationAngle
=
"0"
Text
=
"Percent Paid"
></
TitleAppearance
>
</
YAxis
>
</
PlotArea
>
</
telerik:RadHtmlChart
>