question-mark
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: 3.0.2 not working : ng2d3 charts not working after upgrade to latest

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 I updated ng2d3 (earlier) to "ngx-charts": "^3.0.2" and charts stopped working after that. Bar, Line, area, etc used to work effortlessly before but now they aren’t. Please tell me what’s missing in my installation steps.

Reproduction of the problem

  1. npm install ngx-charts --save
  2. npm i @swimlane/ngx-datatable --save
  3. Included all the dependencies like
  • this in app.module.ts: import { NgxChartsModule } from ‘ngx-charts’;
  • modified the template from <bar-vertical to <ngx-charts-bar-vertical like below:
                    [view]="view"
                    [scheme]="colorScheme"
                    [results]="single"
                    [gradient]="gradient"
                    [xAxis]="showXAxis"
                    [yAxis]="showYAxis"
                    [showXAxisLabel]="showXAxisLabel"
                    [showYAxisLabel]="showYAxisLabel"
                    [xAxisLabel]="xAxisLabel"
                    [yAxisLabel]="yAxisLabel"
                    (select)="onSelect($event)">```

Error: 
```Unhandled Promise rejection: Template parse errors:
Can't bind to 'view' since it isn't a known property of 'ngx-charts-bar-vertical'.
1. If 'ngx-charts-bar-vertical' is an Angular component and it has 'view' input, then verify that it is part of this module.
2. If 'ngx-charts-bar-vertical' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
 ("         <div *ngIf="dataAvailable">
                  <ngx-charts-bar-vertical
                    [ERROR ->][view]="view"
                    [scheme]="colorScheme"
                    [results]="single"
"): DashboardComponent@16:20```

**Please tell us about your environment:**
- Mac
- Webstorm


* **ngx-charts version:** "^3.0.2",

* **Angular version:** "2.2.1"

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:9 (7 by maintainers)

github_iconTop GitHub Comments

5reactions
richavyascommented, Dec 29, 2016

Hi @marjan-georgiev, tried running it with https://github.com/Teradata/covalent and it worked. Thrilled for our collaboration.

Thanks, Teradata UX member

2reactions
daBishMancommented, Dec 28, 2016

I can confirm that the updated documentation @marjan-georgiev did, and the https://swimlane.gitbooks.io/ngx-charts/content/intro/installing.html I was able to get a working sample in angular cli and angular 2.4.1. you can take a look at my work in progress on https://github.com/daBishMan/ngx-material

This issue is closed for me, thank you so much for the quick response.

Read more comments on GitHub >

github_iconTop Results From Across the Web

ngx-charts results/data array update issue in angular
Am using ngx-charts-bar-horizontal in my angular 8 project. It is working fine when i load the results/data array in ngOninit function.
Read more >
@swimlane/ngx-charts - npm
Declarative Charting Framework for Angular. Latest version: 20.1.0, last published: 8 months ago. Start using @swimlane/ngx-charts in your ...
Read more >
Charts with Angular: ngx-charts (Formerly: ng2d3)
You just pass it the data, and it'll draw the diagram for you. The only problem with ng2d3 is that it doesn't exist...
Read more >
ngx-charts bootstrap的推薦與評價,GITHUB ... - 最新趨勢觀測站
ngx -charts bootstrap 在Charts don't work with bootstrap grid system #727 - GitHub 的評價 ... ngx pie chart not showing chart in the...
Read more >
swimlane/ngx-charts/package.json - UNPKG
The CDN for @swimlane/ngx-charts. ... 76, "url": "https://github.com/swimlane/ngx-charts/issues". 77, },.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found