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

Chart can i have 2 series different X-axis plotting points.

4 Answers 84 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Jason
Top achievements
Rank 1
Jason asked on 16 Mar 2016, 03:40 PM

Hi

I have a rangedColumnSeries and an AreaSeries on the same plotarea and I am using databinding to generate the chart.

I want to plot a rangedColumn series for 0,5,10,15 etc on the x-axis and use the AreaSeries to plot a line for y values at 0,1,2,3,4,5 etc so effectively giving a better resolution to the line graph compared to the bar chart while using the same data set. 

I've added an image below of what it would look like.

Is this currently possible?

 

 

4 Answers, 1 is accepted

Sort by
0
Jason
Top achievements
Rank 1
answered on 17 Mar 2016, 03:35 PM

I've attached images of 2 version I have, I effectively want the moreDataresolution.png for the area series and the lessDataResolution.png for the rangedColumnseries. 

I tried setting the rangedcolumn data to 0 so that the intervals I don't want didn't appear but then I can't increase the width of the bars to make up for it.

any one know a possible solution to this?

 

 

0
Stamo Gochev
Telerik team
answered on 21 Mar 2016, 07:15 AM
Hi Jason,

As far as I can understand from the provided information, you want to plot different series items of both RangeColumn and Area series in different categories on the x axis, is that correct?

If so, then you can just "skip" a series item for a specific category by setting null for its value (but you cannot make the RangeColumn series item "wider" in order to occupy two or more categories - you will need to duplicate it).

You should also know that the Area series has a MissingValues property that controls its appearance when an item is missing, so additional configuration might be required.

Regards,
Stamo Gochev
Telerik
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
0
Jason
Top achievements
Rank 1
answered on 21 Mar 2016, 09:50 AM
If I did just repeat the information in the rangeColumn is there anyway to remove the border to make it look like a solid block? 
0
Stamo Gochev
Telerik team
answered on 24 Mar 2016, 06:12 AM
Hi Jason,

You can remove the border of series items by setting the series.border.width client-side property with the setOptions method.

The following help article might be used as a reference as it gives helpful information about the client-side programming of RadHtmlChart:

http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/client-side-programming/overview


Regards,
Stamo Gochev
Telerik
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Tags
Chart (HTML5)
Asked by
Jason
Top achievements
Rank 1
Answers by
Jason
Top achievements
Rank 1
Stamo Gochev
Telerik team
Share this question
or