echarts | echarts for R - htmlwidget | Chart library

I have a NodeJS API and I need to create an endpoint which creates a richly-featured dynamic PDF report and saves it to an S3 bucket. I've been working with PDFKit (https://pdfkit.org/) and have most of what I need from there, but I've come up across a stumbling block because the latest design I've been given includes a donut chart generated with eCharts and I can't figure out how to include this using PDFKit. It needs to be generated dynamically for each call. There is no visible HTML page which displays the report, this must all be achieved within the NodeJS API.

Are there any pre-existing solutions I'm overlooking that would make this possible?

NB I have some flexibility so it doesn't have to be specifically an eCharts solution, as long as I can include a stacked donut chart with labels.

Thanks.

I am trying to install the Vue Filemanager to my package.json. However, when I try to install the package using npm install and npm run dev I get this error:

In my angularJs project,I have a pie Echarts and I define it like below.The problem is that I may have lots of legend and I see I can use type:'scroll' to make it from here, but I failed and it has no impact.

I'm creating a chart using Echarts and it looks like this on my page:

This causes me two issues, the first is that it's really bad to see the data in the graph, so I need to make the bars bigger. The second issue is that the bar labels (on the left) are being cut.

My chart config is similar to this, it only has more data in it:

I have a stacked EChart graph with light area colors and a tooltip trigger set to 'axis':

original template :https://echarts.apache.org/examples/zh/editor.html?c=bar-polar-stack-radial

I am unable to change the outmost axis line(outmost circle) color and would love to know how. outmost axis i used dark mode on echarts website to turn the outmost line into greyish white.
output using echart would love the correct method to change that line color instead of using dark mode any ideas would help, thank you

I want to reproduce this gradient color effect using echarts in R https://www.programmersought.com/article/75124213435/.

As far as I have understood it is possible to recreate all echarts in R using nested lists. I´ve tried following some of the examples from here https://www.programmersought.com/article/75124213435/ but I quickly realized that I don't know how to use the lists or the arguments to get the gradient colors.

This is what I have done so far:

I retrieve data from firestore that i want to use for an echarts graph. In end up with seagulls: Observable;

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