xieziyu / ngx-echarts-starter Goto Github PK

View Code? Open in Web Editor NEW

33.0 1.0 25.0 614 KB

A starter demo project for ngx-echarts

Home Page: https://xieziyu.github.io/ngx-echarts-starter/

License: MIT License

JavaScript 13.64% TypeScript 79.13% HTML 6.23% SCSS 1.00%

starter ngx-echarts demo echarts angular ng

ngx-echarts-starter's Introduction

Ngx-Echarts Starter Project

A starter project for ngx-echarts

This project was generated with Angular CLI version 6.0.8.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

ngx-echarts-starter's People

Contributors

Stargazers

Watchers

ngx-echarts-starter's Issues

生产环境编译报错

"@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

ngx 编译无法通过

版本
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 obscures abscissa

dataZoom does not move responsively according to the size of the abscissa, it obscures the abscissa.

ng test fails

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)

loading property is not working in angular , it's not showing default loader.

How to listen for other than Mouse events?

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()?

Add link for Stackblitz import to Readme?

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

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.