{"action":"created","issue":{"url":"https://api.github.com/repos/valor-software/ng2-charts/issues/455","repository_url":"https://api.github.com/repos/valor-software/ng2-charts","labels_url":"https://api.github.com/repos/valor-software/ng2-charts/issues/455/labels{/name}","comments_url":"https://api.github.com/repos/valor-software/ng2-charts/issues/455/comments","events_url":"https://api.github.com/repos/valor-software/ng2-charts/issues/455/events","html_url":"https://github.com/valor-software/ng2-charts/issues/455","id":181840580,"number":455,"title":"Chart.js and NG2-Charts Not Binding Data After Update ","user":{"login":"wuno","id":8263539,"avatar_url":"https://avatars.githubusercontent.com/u/8263539?v=3","gravatar_id":"","url":"https://api.github.com/users/wuno","html_url":"https://github.com/wuno","followers_url":"https://api.github.com/users/wuno/followers","following_url":"https://api.github.com/users/wuno/following{/other_user}","gists_url":"https://api.github.com/users/wuno/gists{/gist_id}","starred_url":"https://api.github.com/users/wuno/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wuno/subscriptions","organizations_url":"https://api.github.com/users/wuno/orgs","repos_url":"https://api.github.com/users/wuno/repos","events_url":"https://api.github.com/users/wuno/events{/privacy}","received_events_url":"https://api.github.com/users/wuno/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2016-10-08T18:12:31Z","updated_at":"2016-10-13T22:40:44Z","closed_at":"2016-10-10T16:47:43Z","body":"Current versions\r\n```\r\nangular-cli: 1.0.0-beta.17\r\nnode: 6.7.0\r\nos: darwin x64 Sierra\r\nnpm: 3.10.3\r\n```\r\n\r\nAfter updating to \r\n\r\n> \"angular-cli\": \"1.0.0-beta.17\",\r\n\r\nI started getting errors. I went ahead and updated everything to the latest versions in hope this would clear them. it appears that Charts.js is not being imported to the project after updates. Charts were displaying fine before updating angular-cli. Now that I have updated everything even rolling back won't seem to fix the problem. \r\n\r\nBasically anywhere in my component.ts file that I bind a data object to the chart it gives me errors saying that the data object is not a known property off basic-chart. I believe this is a versioning issue and it is not being imported into the project correctly after updates. \r\n\r\nI was importing the charts like this in angular-cli.json\r\n\r\n\r\n```\r\n\"scripts\": [\r\n        \"../node_modules/chart.js/dist/Chart.bundle.min.js\",\r\n        \"../node_modules/chart.js/dist/Chart.min.js\"\r\n      ],\r\n```\r\n\r\nThen in app.module.ts\r\n\r\n```\r\n`import { ChartsModule }                 from 'ng2-charts/ng2-charts';`\r\n\r\n@NgModule({\r\n  imports: [\r\n    BrowserModule,\r\n    routing,\r\n    Ng2BootstrapModule,\r\n    ChartsModule\r\n  ],\r\n\r\n```\r\n\r\n\r\nCurrent versions I am running, \r\n\r\n\r\n```\r\n\"dependencies\": {\r\n    \"@angular/common\": \"2.0.2\",\r\n    \"@angular/compiler\": \"2.0.2\",\r\n    \"@angular/core\": \"2.0.2\",\r\n    \"@angular/forms\": \"2.0.2\",\r\n    \"@angular/http\": \"2.0.2\",\r\n    \"@angular/platform-browser\": \"2.0.2\",\r\n    \"@angular/platform-browser-dynamic\": \"2.0.2\",\r\n    \"@angular/router\": \"3.0.2\",\r\n    \"@angular/upgrade\": \"2.0.2\",\r\n    \"core-js\": \"^2.4.0\",\r\n    \"rxjs\": \"5.0.0-beta.12\",\r\n    \"ts-helpers\": \"^1.1.1\",\r\n    \"zone.js\": \"0.6.25\",\r\n    \"chart.js\": \"^2.3.0\",\r\n    \"ng2-bootstrap\": \"^1.1.5\",\r\n    \"ng2-charts\": \"^1.3.0\",\r\n    \"moment\": \"^2.15.1\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@types/jasmine\": \"^2.2.34\",\r\n    \"angular-cli\": \"1.0.0-beta.17\",\r\n    \"codelyzer\": \"1.0.0-beta.0\",\r\n    \"jasmine-core\": \"^2.5.1\",\r\n    \"jasmine-spec-reporter\": \"2.7.0\",\r\n    \"karma\": \"1.3.0\",\r\n    \"karma-chrome-launcher\": \"^2.0.0\",\r\n    \"karma-jasmine\": \"^1.0.2\",\r\n    \"karma-remap-istanbul\": \"^0.2.1\",\r\n    \"protractor\": \"4.0.9\",\r\n    \"ts-node\": \"1.4.1\",\r\n    \"tslint\": \"^3.15.1\",\r\n    \"typescript\": \"^2.0.3\"\r\n  }\r\n\r\n```\r\n\r\nHere are a few of the errors,\r\n\r\n\r\n```\r\nCan't bind to 'datasets' since it isn't a known property of 'base-chart'.\r\n1. If 'base-chart' is an Angular component and it has 'datasets' input, then verify that it is part of this module.\r\n2. If 'base-chart' is a Web Component then add \"CUSTOM_ELEMENTS_SCHEMA\" to the '@NgModule.schemas' of this component to suppress this message.\r\n (\"iv>\r\n                <div class=\"chart-wrapper p-x-1\">\r\n                    <base-chart class=\"chart\" [ERROR ->][datasets]=\"lineChart1Data\" [labels]=\"lineChart1Labels\" [options]=\"lineChart1Options\" [colors]=\"lineC\"): DashboardComponent@19:46\r\nCan't bind to 'labels' since it isn't a known property of 'base-chart'.\r\n1. If 'base-chart' is an Angular component and it has 'labels' input, then verify that it is part of this module.\r\n2. If 'base-chart' is a Web Component then add \"CUSTOM_ELEMENTS_SCHEMA\" to the '@NgModule.schemas' of this component to suppress this message.\r\n (\"ss=\"chart-wrapper p-x-1\">\r\n                    <base-chart class=\"chart\" [datasets]=\"lineChart1Data\" [ERROR ->][labels]=\"lineChart1Labels\" [options]=\"lineChart1Options\" [colors]=\"lineChart1Colours\" [legend]=\"line\"): DashboardComponent@19:74\r\nCan't bind to 'options' since it isn't a known property of 'base-chart'.\r\n1. If 'base-chart' is an Angular component and it has 'options' input, then verify that it is part of this module.\r\n2. If 'base-chart' is a Web Component then add \"CUSTOM_ELEMENTS_SCHEMA\" to the '@NgModule.schemas' of this component to suppress this message.\r\n (\"                  <base-chart class=\"chart\" [datasets]=\"lineChart1Data\" [labels]=\"lineChart1Labels\" [ERROR ->][options]=\"lineChart1Options\" [colors]=\"lineChart1Colours\" [legend]=\"lineChart1Legend\" [chartType]=\"l\"): DashboardComponent@19:102\r\nCan't bind to 'colors' since it isn't a known property of 'base-chart'.\r\n1. If 'base-chart' is an Angular component and it has 'colors' input, then verify that it is part of this module.\r\n2. If 'base-chart' is a Web Component then add \"CUSTOM_ELEMENTS_SCHEMA\" to the '@NgModule.schemas' of this component to suppress this message.\r\n (\"class=\"chart\" [datasets]=\"lineChart1Data\" [labels]=\"lineChart1Labels\" [options]=\"lineChart1Options\" [ERROR ->][colors]=\"lineChart1Colours\" [legend]=\"lineChart1Legend\" [chartType]=\"lineChart1Type\" (chartHover)=\"c\"): DashboardComponent@19:132\r\nCan't bind to 'legend' since it isn't a known property of 'base-chart'.\r\n1. If 'base-chart' is an Angular component and it has 'legend' input, then verify that it is part of this module.\r\n2. If 'base-chart' is a Web Component then add \"CUSTOM_ELEMENTS_SCHEMA\" to the '@NgModule.schemas' of this component to suppress this message.\r\n (\"eChart1Data\" [labels]=\"lineChart1Labels\" [options]=\"lineChart1Options\" [colors]=\"lineChart1Colours\" [ERROR ->][legend]=\"lineChart1Legend\" [chartType]=\"lineChart1Type\" (chartHover)=\"chartHovered($event)\" (chartCl\"): DashboardComponent@19:161\r\nCan't bind to 'chartType' since it isn't a known property of 'base-chart'.\r\n1. If 'base-chart' is an Angular component and it has 'chartType' input, then verify that it is part of this module.\r\n2. If 'base-chart' is a Web Component then add \"CUSTOM_ELEMENTS_SCHEMA\" to the '@NgModule.schemas' of this component to suppress this message.\r\n (\"hart1Labels\" [options]=\"lineChart1Options\" [colors]=\"lineChart1Colours\" [legend]=\"lineChart1Legend\" [ERROR ->][chartType]=\"lineChart1Type\" (chartHover)=\"chartHovered($event)\" (chartClick)=\"chartClicked($event)\"\r\n\"): DashboardComponent@19:189\r\n```\r\n\r\n\r\n "},"comment":{"url":"https://api.github.com/repos/valor-software/ng2-charts/issues/comments/253659653","html_url":"https://github.com/valor-software/ng2-charts/issues/455#issuecomment-253659653","issue_url":"https://api.github.com/repos/valor-software/ng2-charts/issues/455","id":253659653,"user":{"login":"Luchillo","id":9698639,"avatar_url":"https://avatars.githubusercontent.com/u/9698639?v=3","gravatar_id":"","url":"https://api.github.com/users/Luchillo","html_url":"https://github.com/Luchillo","followers_url":"https://api.github.com/users/Luchillo/followers","following_url":"https://api.github.com/users/Luchillo/following{/other_user}","gists_url":"https://api.github.com/users/Luchillo/gists{/gist_id}","starred_url":"https://api.github.com/users/Luchillo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Luchillo/subscriptions","organizations_url":"https://api.github.com/users/Luchillo/orgs","repos_url":"https://api.github.com/users/Luchillo/repos","events_url":"https://api.github.com/users/Luchillo/events{/privacy}","received_events_url":"https://api.github.com/users/Luchillo/received_events","type":"User","site_admin":false},"created_at":"2016-10-13T22:40:44Z","updated_at":"2016-10-13T22:40:44Z","body":"Arghh i'm so dumb, is `baseChart` not `base-chart` attribute, however i noticed my error is another, i have this in my build cli, so i think it's an error with Rollup?:\r\n![image](https://cloud.githubusercontent.com/assets/9698639/19369615/19ca3df8-916c-11e6-869f-63e839a10e76.png)\r\n"}}
{"actor":{"display_login":"Luchillo"}}