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

Area chart rendering vertical lines instead of area

1 Answer 36 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Eva
Top achievements
Rank 1
Eva asked on 15 Mar 2017, 02:52 PM

Hello,

I am trying to display an area chart, using dates as categories with values every 30min and xAxis label every hour.

However, areas are not rendered properly : it's showing vertical lines instead. I think it's a bug, because it's rendering fine with another chart type (for example line chart).

You can see the issue on the attached screenshot and code/demo here : http://jsbin.com/votegowidu/edit?html,output

Thanks in advance.

Best regards

1 Answer, 1 is accepted

Sort by
0
Accepted
Iliana Dyankova
Telerik team
answered on 17 Mar 2017, 07:52 AM
Hi Eva,

To achieve the expected result you should set the series.missingValues option to "interpolate". Take a look at the update example: http://dojo.telerik.com/@Iliana/eNUci

Regards,
Iliana Nikolova
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Charts
Asked by
Eva
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or