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

CommonTooltipsAppearance.Shared Q1 2015 not work

5 Answers 155 Views

Chart (HTML5)

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

5 Answers, 1 is accepted

answered on 04 Mar 2015, 12:08 PM

RadHtmlChart-SharedTooltip.zip

Hi Gianmarco,

I am not able to reproduce the mentioned issue with the HtmlChart - Chart Element Customization demo. and Telerik UI - 2015.1.225 version. You can watch the short video and then tell me what I am missing.

If you are not using latest version of Telerik UI controls - 2015.1.225, does upgrading to it helps? If not can you please send me a small mockup that reproduces the issue?

Regards,
Danail Vasilev
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

answered on 13 Mar 2015, 11:50 AM

Hello Gianmarco,

I am still unable to reproduce the issue with Telerik UI - 2015.1.225 version and the code below. Could you please try to reproduce the issue with this example and then tell me what changes you have made, so that I can investigate it further?
ASPX:

<telerik:RadHtmlChart runat="server" ID="ColumnChart1" Width="600px" Height="400px">

<PlotArea>

<CommonTooltipsAppearance Shared="true"></CommonTooltipsAppearance>

<Series>

<telerik:LineSeries Name="Product 1">

<SeriesItems>

<telerik:CategorySeriesItem Y="15000" />

<telerik:CategorySeriesItem Y="23000" />

<telerik:CategorySeriesItem Y="10000" />

</SeriesItems>

</telerik:LineSeries>

<telerik:LineSeries Name="Product 2">

<SeriesItems>

<telerik:CategorySeriesItem Y="5000" />

<telerik:CategorySeriesItem Y="3000" />

<telerik:CategorySeriesItem Y="2000" />

</SeriesItems>

</telerik:LineSeries>

</Series>

<XAxis>

<Items>

<telerik:AxisItem LabelText="1" />

<telerik:AxisItem LabelText="2" />

<telerik:AxisItem LabelText="3" />

</Items>

</XAxis>

</PlotArea>

</telerik:RadHtmlChart>

Regards,
Danail Vasilev
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

answered on 13 Mar 2015, 12:46 PM

Hi Vasilev,
this is my code with problem, layout Stock with xmldatasource your AlcoaData.xml sample:

<telerik:RadHtmlChart runat="server" ID="LineChart" DataSourceID="Xmldatasource1" Layout="Stock" Width="800px" Height="400px">

<ChartTitle Text="Alcoa Inc. (AA :NYSE)">

</ChartTitle>

<Legend>

<Appearance Visible="false">

</Appearance>

</Legend>

<PlotArea>

<CommonTooltipsAppearance Shared="True">

</CommonTooltipsAppearance>

<XAxis AxisCrossingValue="0" Color="#aaaaaa" MajorTickType="Outside" MinorTickType="None" DataLabelsField="Date" Type="Date"

Reversed="false">

<LabelsAppearance RotationAngle="0" Skip="0">

<TextStyle Color="#666666" />

</LabelsAppearance>

<MajorGridLines Visible="false"></MajorGridLines>

<MinorGridLines Visible="false"></MinorGridLines>

<TitleAppearance Position="Center" RotationAngle="0" Text="Date">

<TextStyle Color="#555555" />

</TitleAppearance>

</XAxis>

<YAxis AxisCrossingValue="0" Color="#aaaaaa" MajorTickType="Outside" MajorTickSize="4" MinorTickType="None" MinorTickSize="0"

Reversed="false">

<LabelsAppearance DataFormatString="{0:C}" Skip="0" Step="1">

<TextStyle Color="#666666" />

</LabelsAppearance>

<MajorGridLines Visible="true" Color="#efefef" Width="1"></MajorGridLines>

<MinorGridLines Visible="true" Width="0"></MinorGridLines>

<TitleAppearance Position="Center" RotationAngle="0" Text="Price">

<TextStyle Color="#555555" />

</TitleAppearance>

</YAxis>

<Series>

<telerik:LineSeries DataFieldY="Open" Name="LineSeries1">

</telerik:LineSeries>

<telerik:LineSeries DataFieldY="High" Name="LineSeries2">

</telerik:LineSeries>

<telerik:LineSeries DataFieldY="Low" Name="LineSeries3">

</telerik:LineSeries>

</Series>

</PlotArea>

<Navigator Visible="true">

<RangeSelector From="2010/01/01" To="2011/12/31" />

<SelectionHint Visible="true" />

<Series>

<telerik:AreaSeries DataFieldY="Close">

<Appearance FillStyle-BackgroundColor="#00aba9">

<FillStyle BackgroundColor="0, 171, 169"></FillStyle>

</Appearance>

</telerik:AreaSeries>

</Series>

<XAxis>

<LabelsAppearance>

<TextStyle Color="#666666" />

</LabelsAppearance>

</XAxis>

</Navigator>

</telerik:RadHtmlChart>

Regards
Gianmarco