RadHtmlChart related Queries

Hello Govindarajan,

Please find below my questions to your answers:

• Toggle visibility of the series - Currently there aren't any properties exposed by the series that control their visibility. Such a feature request, however, has already been logged in our feedback portal here, so that you can monitor, comment and vote on it. For the time being you can use the workaround from the item to set the visibility of the series on the client and use step provided in this help article that illustrates how to execute JavaScript from the server.
• Series names for PieSeries - Series names for Pie series are called categories. They can be obtained through the "category" property. For example:

• Format dates in ClientTemplate - Note that quotes in the ClientTemplate must be escaped. For example:

• Labels of Scatter/Scatter line series - generally line, area, column/bar series plot discrete data - series use category XAxis, while scatter and scatterline series plot continuous data - series use numeric XAxis. Therefore it is not possible to control the label on the XAxis for each scatter series item. What you can do, however, is to set particular BaseUnit(i.e. years, months, days, etc) or Step through which the labels will be rendered.

You may also find useful articles in the ClientTemplate for Series Labels and Tooltips section, Handling Special Symbols article as well as Date Axis article.

Regards,
Danail Vasilev
Telerik

hi
i am using following code for tooltip in backend
  Top15_HighCost_Patients_Chart.PlotArea.Series[0].TooltipsAppearance.ClientTemplate = "#= dataItem.BeneName#" + ",</br> Total Cost: $" + "#= dataItem.TotalCost#";
now here total cost is numeric value so how can i formate it in backend?
thanks

Hello Asutosh,

You can use the kendo.format()method in order to format values in templates. For example:

You may also find useful the following resources:

• Formatting Dates
• Formatting Numbers

Regards,
Danail Vasilev
Telerik

hi 
i am also using that but its not working in me

Hello Asutosh,

If you are not using the latest official version of Telerik UI - 2014.2.618, does upgrading to it fixes the issue? If the above steps, however, do not help it would be better to try to reproduce the issue with the code below and then tell us what changes you have made, so that I can make an investigation locally.

ASPX:
C#:



Regards,
Danail Vasilev
Telerik

Hello Danail,

I am suppose to draw a RadHtml Mixed Chart type. i am using Area chart and Scatter Line chart. Now the problem is i am not able to draw both series type in Same chart my chart showed either one of the series.
Also my chart shows x-axis when i use scatter line chart where as in the case of Area chart x-axis is missing.

Kindly look attached files.

Hello,

The scatter chart has a numerical x-axis while the area chart has a categorical x-axis so both cannot be put in the same RadHtmlChart, as explained here: http://demos.telerik.com/aspnet-ajax/htmlchart/examples/functionality/mixedchartseries/defaultcs.aspx.

The scatter chart shows a x-axis because it is only a set of numbers according to the data, but the area chart requires that the developer provides the categories shown on the x-axis.

I hope this explains the case.


Regards,

Marin Bratanov
Telerik

Hello Danail,

We also use RadHTMLChart Control with "Scatter Series".  (its an dynamic series bind at runtime)
Now the thing is we want to show some details on tooltip apart of  data that we have for "X/Y axis". i have read some where that " Each Series-Item does not have its own tooltip and text properties that can be set declaratively, they are taken from its value automatically".

 An option is using ClientTemplates to load a column from the datasource but we can not use ClientTemplates also because we are binding the chart with dynamic "Scatter Series" We are not sure how many series we get on the chart and in the case of "ClientTemplate" we have to define it at design time.

Can we use "Telerik Tooltip control" with "RadHtmlChart" control so that our each Series-Item have its own tooltip. ?
Or can we have any click event associate with a point on a scatter series so that we can pop up a window with details(that we want to show)

Regard's
Keith.

Hi Keith,

I have already answered your support ticket on the matter and I am pasting my answer here for anyone else having the same query:

You can set the ClientTemplate from the server for each series, because it is a simple property of type string, e.g.:

This property is also available in the design-time wizard of the chart ( http://www.telerik.com/help/aspnet-ajax/htmlchart-design-time-using-visual-designer.html ) and I am attaching a screenshot of that as well.

 

On using RadToolTip - such an integration is not possible because the chart renders as a markup image (VML or SVG) and the tooltip control cannot get hold of its elements in order to attach the events it needs to show up or get their position in order to calculate its own.

You can use the following events:

• OnClientSeriesItemHover ( http://www.telerik.com/help/aspnet-ajax/htmlchart-client-side-onclientserieshovered.html ) to get the needed data and show a popup (e.g., a RadWindow). Note that with Q3 2014 the way client-side events are attached will change slightly (although this will still be valid).
• OR, the LegendItemHover Kendo event to show popups that you need, however: http://docs.telerik.com/kendo-ui/api/dataviz/chart#events-legendItemHover . because it exposes the data in a more efficient manner (the OnClientSeriesHovered is merely a wrapper over this original event). You can bind to it on the client, e.g.:
  
  Copy Code
  function pageLoad() {

       var chart = $find( "<%=RadHtmlChart1.ClientID%>" )._chartObject;

       chart.bind( "legendItemHover" , theEventHandler);

  }

I hope this explains the case and help you move forward with your project.

Regards,

Regards, Marin Bratanov
Telerik

[quote]

hello,
i am using using rad chart in my application and i have to bind the chart dynamically 
is there any option to bind the Radchart uisng MVC web API .

Thanks in advance.Please reply because i didn't find anything  and also i have others queries too  .

[/quote]