"echarts"' has no exported member named 'EChartOption'. Did you mean 'EChartsOption' instead?

Question

I am using Angular 9 along with "ngx-echarts": "5.2.2" and "echarts": "5.0.0"

Everything works fine accept while setting icon: 'circle' for legends. It says below thing.

Type '{ icon: string; top: string; left: string; orient: "vertical"; }' is not assignable to type 'LegendOption | ScrollableLegendOption | (LegendOption | ScrollableLegendOption)[]'.

As per example in ngx-echarts I can't use import { EChartOption } from 'echarts';

I have checked that icon is available in EchartOption instead of EchartsOption

Is there anything i am missing?

After installing @types/echarts my code is working and showing legend with circle icon but have random error that it can't find EchartOption in echarts (My angular is not taking care of this and running application by ignoring this error)

RIght now i went with import { EChartsOption } from 'echarts'; and removed @types/echarts library. And i can't change legend icon for the moment :( Any help?

Thanks, Jayesh

Answer 1

When yo use echarts 5 you MUST NOT install @types/echarts, because echarts 5 is now written in typescript: i.e. the echarts package already includes the correct types for this version.

There have been many changes between echarts 4 and echarts5 - one of them is that EchartOption is now called EchartsOption (with plural "s")

Answer 2

Try this:

import * as echarts from 'echarts';

type EChartsOption = echarts.EChartsOption;

You can find code example here: https://echarts.apache.org/examples/en/editor.html?c=line-simple&lang=ts, click Full Code tab