echarts import didn't work unless I did something different

[jpike88]

see problem and resolution in here

apache/echarts#14138 (comment)

Your code has import * as echarts from 'echarts/core'; as the import statement, when I did this I ran into a problem similar to the linked issue (yes I know it's about Vue but this happens in angular too).

Just an FYI

[alanpurple]

you should import renderer and configure too

[gurelsoycaner]

What's the solution for this problem in angular environment?

[gurelsoycaner]

you should import renderer and configure too

can you please explain how?

[alanpurple]

you need to add something like this

import * as echarts from 'echarts/core';
import { SVGRenderer } from 'echarts/renderers';
import { LineChart } from 'echarts/charts';
import { TooltipComponent, AxisPointerComponent } from 'echarts/components'
echarts.use([SVGRenderer, LineChart, TooltipComponent, AxisPointerComponent]);