1. Home
  2. Forum
  3. Angular - EJ 2
  4. ejs-chart giving error

ejs-chart giving error

Hi, 
Whenever I am using ejs-chart tag in my html, 
I am getting the following error in console of browser

compiler.js:2175 Uncaught Error: Template parse errors:
More than one component matched on this element.
Make sure that only one component's selector can match a given element.
Conflicting components: ChartComponent,ChartComponent ("
        <ng-template #content>
          <div id="column">
            [ERROR ->]<ejs-chart id="columnChart" height="162px" [primaryXAxis]='primaryXAxis'>
              <e-series-co"): ng:///AppModule/HomeComponent.html@9:12
More than one component matched on this element.
Make sure that only one component's selector can match a given element.
Conflicting components: ChartComponent,ChartComponent ("
        <ng-template #content>
          <div id="line">
            [ERROR ->]<ejs-chart id="lineChart" height="162px" [primaryXAxis]='primaryXAxis'>
              <e-series-coll"): ng:///AppModule/HomeComponent.html@24:12
    at syntaxError (compiler.js:2175)
    at TemplateParser.parse (compiler.js:11388)
    at JitCompiler._parseTemplate (compiler.js:25961)
    at JitCompiler._compileTemplate (compiler.js:25949)
    at compiler.js:25893
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (compiler.js:25893)
    at compiler.js:25806
    at Object.then (compiler.js:2166)
    at JitCompiler._compileModuleAndComponents (compiler.js:25805)

and in command prompt I am getting:
in node_module/@syncfusion/ej2-ng-charts/node_modules/@syncfusion/ej2-pdf-export/src/interfaces/i-pdf-writer.d.ts<28,55>: error TS2304
cannot find name 'GLbyte'.

Please help to resolve this.

1 Reply
SM Srihari Muthukaruppan Syncfusion Team February 27, 2020 06:54 AM UTC

Hi RakhiS, 

We have analyzed your query. From that, we would like to let you know that the chart is working fine. And from the provided code, we found that you are using ej2-ng-lineargauge (lower version). We would like to let you know that, we have deprecated ej2-ng-charts package to ej2-angular-charts in latest versions. Henceforth you can use ej2-angular-charts. And to install the latest chart component’s package, set “*” for ej2-angular-charts package in pakage.json file. Unfortunately we are unable to reproduce the reported scenario. We have also attached the sample used for testing. Please find the below sample, code snippet and screenshot. 
   
  
Code Snippet:  
Package.json: 
 
// add your additional code here 
"dependencies": { 
    "@angular/animations": "~7.2.0", 
    "@angular/common": "~7.2.0", 
    "@angular/compiler": "~7.2.0", 
    "@angular/core": "~7.2.0", 
    "@angular/forms": "~7.2.0", 
    "@angular/platform-browser": "~7.2.0", 
    "@angular/platform-browser-dynamic": "~7.2.0", 
    "@angular/router": "~7.2.0", 
    "@syncfusion/ej2-angular-buttons": "^17.2.47", 
    "@syncfusion/ej2-angular-calendars": "^17.2.49", 
    "@syncfusion/ej2-angular-charts": "*", 
    "@syncfusion/ej2-charts": "*", 
    "@syncfusion/ej2-angular-dropdowns": "^17.2.49", 
    "@syncfusion/ej2-angular-inputs": "^17.2.52", 
    "@syncfusion/ej2-angular-navigations": "^17.2.49", 
    "@syncfusion/ej2-angular-richtexteditor": "^17.2.52", 
    "@syncfusion/ej2-base": "^17.2.49", 
    "@syncfusion/ej2-buttons": "^17.2.47", 
    "@syncfusion/ej2-calendars": "^17.2.49", 
    "@syncfusion/ej2-navigations": "^17.2.49", 
    "@syncfusion/ej2-popups": "^17.2.47", 
    "@syncfusion/ej2-angular-pivotview": "*", 
    "@syncfusion/ej2-pivotview": "*", 
    "core-js": "^2.5.4", 
    "rxjs": "~6.3.3", 
    "tslib": "^1.9.0", 
    "zone.js": "~0.8.26" 
  }, 
  "devDependencies": { 
    "@angular-devkit/build-angular": "~0.13.0", 
    "@angular/cli": "~7.3.9", 
    "@angular/compiler-cli": "~7.2.0", 
    "@angular/language-service": "~7.2.0", 
    "@types/node": "~8.9.4", 
    "@types/jasmine": "~2.8.8", 
    "@types/jasminewd2": "~2.0.3", 
    "codelyzer": "~4.5.0", 
    "jasmine-core": "~2.99.1", 
    "jasmine-spec-reporter": "~4.2.1", 
    "karma": "~4.0.0", 
    "karma-chrome-launcher": "~2.2.0", 
    "karma-coverage-istanbul-reporter": "~2.0.1", 
    "karma-jasmine": "~1.1.2", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "protractor": "~5.4.0", 
    "ts-node": "~7.0.0", 
    "tslint": "~5.11.0", 
    "typescript": "~3.2.2" 
  } 

Screenshot: 
 
 
If you still face this issue. kindly revert us with the following information which will be more helpful for further analysis and provide you the solution sooner. 
  • Share your dataSource file
  • Try to reproduce the reported scenario in the above sample
  • Please share your sample (or) code snippet with full configurations.
  • Share the details if you have done any other customization in your sample.
Let us know if you have any concerns. 
 
Regards, 
Srihari M 


Loader.
Up arrow icon