Ngx: 3.0.2 not working : ng2d3 charts not working after upgrade to latest
See original GitHub issueI’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
- npm install ngx-charts --save
- npm i @swimlane/ngx-datatable --save
- 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:
- Created 7 years ago
- Comments:9 (7 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hi @marjan-georgiev, tried running it with https://github.com/Teradata/covalent and it worked. Thrilled for our collaboration.
Thanks, Teradata UX member
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.