This is a migrated thread and some comments may be shown as answers.

chart within tooltip

4 Answers 100 Views

Chart (Obsolete)

This is a migrated thread and some comments may be shown as answers.

4 Answers, 1 is accepted

answered on 04 Jul 2014, 07:06 AM

Hi Saqib,

Please have a look into the sample code snippet which shows RadChart as the ToolTip.

ASPX:

<telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="targetCotrolID" IsClientID="true" VisibleOnPageLoad="true" Width="730px" Height="410px" Position="BottomRight"

RelativeTo="Element" HideEvent="ManualClose">

<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="650px" Height="450px">

<ChartTitle Text="Countries Exporting Crude Oil the United States (in Thousands of Barrels)">

</ChartTitle>

<PlotArea>

<Series>

<telerik:PieSeries DataFieldY="Barrels" ColorField="Color" ExplodeField="IsExploded" NameField="Country">

<LabelsAppearance DataFormatString="{0:N0} bbl">

</LabelsAppearance>

<TooltipsAppearance Color="White" />

</telerik:PieSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

C#:

protected void Page_Load(object sender, EventArgs e)

{

RadHtmlChart1.DataSource = GetData();

RadHtmlChart1.DataBind();

}

protected DataTable GetData()

{

DataTable tbl = new DataTable();

tbl.Columns.Add(new DataColumn("Barrels"));

tbl.Columns.Add(new DataColumn("Country"));

tbl.Columns.Add(new DataColumn("Color"));

tbl.Columns.Add(new DataColumn("IsExploded"));

tbl.Rows.Add(new object[] { 80309, "Canada", "Black", true });

tbl.Rows.Add(new object[] { 46428, "Saudi Arabia", "Gray", false });

tbl.Rows.Add(new object[] { 40573, "Mexico", "DarkGray", false });

tbl.Rows.Add(new object[] { 40154, "Venezuela", "DarkRed", false });

return tbl;

}

Thanks,
Shinu.