Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[ngx-charts-line-chart] timeline: throws error when changing [results] Input() with [timeline] active.

See original GitHub issue

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here

Current behavior When refreshing [results] Input data – and a [timeline] is actively filtering – console throws a series of errors (example below), and chart does not render.

Error: <path> attribute d: Expected number, "MNaN,121.99666093…".

Expected behavior Should be able to refresh data between active timeline series and another data series.

Reproduction of the problem https://plnkr.co/edit/TnzQ1c8BgW0qko6sbgOF?p=preview

Select a [timeline] range, and then click the Toggle Data button.

Note: Toggle Data allows you to refresh the [results] data – unless a timeline range has been selected.

What is the motivation / use case for changing the behavior? Unrecoverable error.

Please tell us about your environment: OSx, WebStorm, Webpack

ngx-charts version: 6.0.0
Angular version: 4.1.2
Browser: [all] Chrome Version 59.0.3071.115, Safari Version 10.1.2 (12603.3.8)
Language: [TypeScript 2.2.1]

Issue Analytics

State:
Created 6 years ago
Reactions:17
Comments:22 (1 by maintainers)

Top GitHub Comments

64reactions

mohammadmusaeicommented, Jan 2, 2019

Just set [roundEdges] attribute to false, This error happened when D3 try to calculate arc of round edges! So use this : [roundEdges]=“false”

14reactions

thinagarancommented, Feb 25, 2018

Setting the animation to false solve the problem

Top Results From Across the Web

Swimlane

Everything crashes after adding ngx-charts to package.json . ... [ngx-charts-line-chart] timeline: throws error when changing [results] Input() with ...

Recently Active 'ngx-charts' Questions - Page 3

show timeline issue when load the ngx charts using dynamically load component using ComponentPortal in angular 8 version. Please provide the solutions.

NG0100: Expression has changed after it was checked

Angular throws an ExpressionChangedAfterItHasBeenCheckedError when an expression value has been changed after change detection has completed. Angular only ...

Ngx-Charts-Bar-Horizontal Not Getting Rendered Properly

Ngx-Charts-Bar-Horizontal Not Getting Rendered Properly ... timeline: throws error when changing [results] Input() with [timeline] active. hot 14.

JavaScript @angular/animations trigger Examples

var matFormFieldAnimations = { /** Animation that transitions the form field's error and hint messages. */ transitionMessages: trigger('transitionMessages' ...