Angular中使用echarts圖標庫時報瞭如下錯誤:
core.js:6189 ERROR Error: Component series.line not exists. Load it first.
at Function.entity.getClass (clazz.js:178)
at ExtendedClass.<anonymous> (Global.js:223)
at Array.forEach (<anonymous>)
at each (util.js:300)
at ExtendedClass.visitComponent (Global.js:212)
at Function.entity.topologicalTravel (component.js:125)
at ExtendedClass.mergeOption (Global.js:194)
at ExtendedClass.initBase (Global.js:663)
at ExtendedClass.resetOption (Global.js:141)
at ExtendedClass.setOption (Global.js:123)
檢查了package.json,確認庫已經安裝好了:
"echarts": "^4.7.0",
"ngx-echarts": "^4.2.2",
"@types/echarts": "^4.4.6",
option的字段也是按照官方文檔來設置的。檢查模塊導入時,發現是NgxEchartsModule
沒有導入,嘗試導入:
import { NgxEchartsModule } from 'ngx-echarts';
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [
BrowserModule,
IonicModule.forRoot(),
AppRoutingModule,
// ...
NgxEchartsModule,
// ...
IonicStorageModule.forRoot(),
],
providers: [
// ...
],
bootstrap: [AppComponent],
})
export class AppModule {}
重新編譯程序恢復正常。