xieziyu / ngx-echarts

An angular (ver >= 2.x) directive for ECharts (ver >= 3.x)
https://xieziyu.github.io/ngx-echarts/
MIT License
1.11k stars 197 forks source link

Import a echart theme with echarts v5.5.0 and ngx-echarts v15.0.3 #418

Open lmarquinez opened 7 months ago

lmarquinez commented 7 months ago

I was usingecharts v5.4.3 with ngx-echarts 15.0.3 and angular 15, but when I updated echarts to v5.5.0 I notice that the theme is not working.

I have an application as a library where I am using the echarts package to create some graphics and there it is working correctly, I have problems in the application when I install this package. Echarts is a peerDependency of this package. Should I add something in the angular.json or in some other file? For example in the scripts section of angular.json like:

 "scripts": [
      "node_modules/echarts/dist/echarts.js",
      "node_modules/echarts/theme/macarons.js",
 ],

In the aplication as library I am only importing the theme in the module this way:

import 'echarts/theme/macarons.js';
import * as echarts from 'echarts';
import { NgxEchartsModule } from 'ngx-echarts';

@NgModule({
  imports: [
    NgxEchartsModule.forRoot({
      echarts
    })
  ],

And I am using this way to create the graphics:

<div echarts [options]="echartsOption" theme="macarons"></div>

yonatancohen commented 4 months ago

Doesn't work for me as well.