xieziyu / ngx-echarts-starter Goto Github PK
View Code? Open in Web Editor NEWA starter demo project for ngx-echarts
Home Page: https://xieziyu.github.io/ngx-echarts-starter/
License: MIT License
A starter demo project for ngx-echarts
Home Page: https://xieziyu.github.io/ngx-echarts-starter/
License: MIT License
I'm using head and when I run ng test
, I see the following failures that for the most part see to be
Can't bind to 'loading' since it isn't a known property of 'div'.
Full log:
Chrome 69.0.3497 (Linux 0.0.0): Executed 0 of 2 SUCCESS (0 secs / 0 secs)
Chrome 69.0.3497 (Linux 0.0.0) AppComponent should create the app FAILED
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:23864:1)
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_mChrome 69.0.3497 (Linux 0.0.0) AppComponent should create the app FAILED
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:23864:1)
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:23864:1)
Chrome 69.0.3497 (Linux 0.0.0): Executed 1 of 2 (1 FAILED) (0 secs / 0.05 secs)
Chrome 69.0.3497 (Linux 0.0.0) AppComponent should create the app FAILED
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:23864:1)
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:23864:1)
Chrome 69.0.3497 (Linux 0.0.0) AppComponent should render title in a h1 tag FAILED
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:23864:1)
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_mChrome 69.0.3497 (Linux 0.0.0) AppComponent should render title in a h1 tag FAILED
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:23864:1)
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:23864:1)
Chrome 69.0.3497 (Linux 0.0.0): Executed 2 of 2 (2 FAILED) (0 secs / 0.093 secs)
Chrome 69.0.3497 (Linux 0.0.0) AppComponent should render title in a h1 tag FAILED
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:23864:1)
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to show an echarts: </h3>
<div echarts [ERROR ->][options]="options" class="chart"></div>
<h3>Easy to choose a theme: </h3>
"): ng:///DynamicTestModule/AppComponent.html@8:13
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Easy to choose a theme: </h3>
<div echarts [ERROR ->][options]="options" theme="macarons" class="chart"></div>
<h3>Easy to update data asynchronous: <but"): ng:///DynamicTestModule/AppComponent.html@11:13
Can't bind to 'options' since it isn't a known property of 'div'. ("ynchronous: <button (click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [ERROR ->][options]="options" [merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe an"): ng:///DynamicTestModule/AppComponent.html@14:13
Can't bind to 'merge' since it isn't a known property of 'div'. ("(click)="getData()" style="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [ERROR ->][merge]="mergeOption" [loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:33
Can't bind to 'loading' since it isn't a known property of 'div'. ("yle="padding: 0.5em;">Get Data</button></h3>
<div echarts [options]="options" [merge]="mergeOption" [ERROR ->][loading]="loading" class="chart"></div>
<h3>Async pipe and graph chart </h3>
"): ng:///DynamicTestModule/AppComponent.html@14:55
Can't bind to 'options' since it isn't a known property of 'div'. ("
<h3>Async pipe and graph chart </h3>
<div echarts [ERROR ->][options]="graphOption | async" class="chart-lg"></div>
"): ng:///DynamicTestModule/AppComponent.html@17:13
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:1021:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14830:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:24018:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:24005:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23948:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:23948:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:23866:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:1012:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_mChrome 69.0.3497 (Linux 0.0.0): Executed 2 of 2 (2 FAILED) ERROR (0.132 secs / 0.093 secs)
"@angular/core": "^8.2.2",
"echarts": "^5.1.2",
"ngx-echarts": "^5.2.2",
开发时编译正常,运行正常
生产环境编译报错,错误信息
ERROR in ./node_modules/ngx-echarts/fesm5/ngx-echarts.js
Module build failed (from ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js):
TypeError: Cannot read property 'kind' of undefined
版本
angular8
"echarts": "^4.9.0",
ngx-echarts": "^5.1.2",
import echarts from 'echarts';
@NgModule({
imports: [
NgxEchartsModule.forRoot({
echarts: echarts
})
]
})
export class StatisticModule { }
编译后使用浏览器出现错误:
main.642581c9bf05d0fd9d9e.js:2 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'init' of null
TypeError: Cannot read property 'init' of null
开发模式下能正常使用
@NgModule({
imports: [
NgxEchartsModule.forRoot({
echarts: () => import('echarts') <= line: 26
})
]
})
export class StatisticModule { }
代码无法通过编译
ERROR in Error during template compile of 'StatisticModule'
Function expressions are not supported in decorators in 'ɵ0'
'ɵ0' contains the error at app/statistic/statistic.module.ts(26,16)
Consider changing the function expression into an exported function.
dataZoom does not move responsively according to the size of the abscissa, it obscures the abscissa.
Stackblitz can directly import project from GitHub
Would you mind to add a link in the readme to import the project to Stackblitz?
https://stackblitz.com/github/xieziyu/ngx-echarts-starter
Hi,
Nice job so far adaptive the echarts js library for angular.
I have two requests I couldn't find info about in your docs, and wanted to hear if this module is supporting those now or in the future.
A)
I can listen for click events using your (onChartClick) functions and the like.
However, how do I listen for, say, 'pieselectchanged', which would be emitted when a user selects or unselects slices of pie charts with the mouse?
B)
And is it possible to trigger echart events programatically, which in the original js library would happen through dispatchAction()?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.