Questions tagged [apache-echarts]
134 questions
1
vote
1 answer
How can I refresh/update an Apache eChart based on data from a Sveltekit store?
I am trying to refresh/redraw an Apache eChart diagram based on data from a Sveltekit store, but I do not now how to do it.
I have also tried to use a button and feed a simple data object, but this also does not work.
The diagram is drawn properly…

George.Ef
- 155
- 2
- 10
1
vote
2 answers
Echarts for react, change label color emphasis using function
I need to set color in emphasis label using color in data that i have, but it appears that i can use only static color.
let dataItems = [
{ name: 'first', value: 10, id: 0, color: '#3dbe23', selected: true },
{ name: 'second', value: 10, id: 1,…

Vlad
- 11
- 1
1
vote
0 answers
Ability to load new samples on echart zoom actions (Zoom in & zoom out)
For the time series chart, on the initial load, we are displaying data aggregated for every 1 hour. when the user zoom in( for example for 4 hours) we see only 4 samples, instead, can we pull more data from the server which is aggregated for lower…

Raghu
- 11
- 4
1
vote
1 answer
Sync map and graph series in apache echarts
I am using Apache Echarts v5, and I am trying to implement a graph with a world map background.
For this, I understand the best choice is to use a "graph" serie and a "map" serie, both reading from a "geo" configuration, based in a geoJSON or the…

Carlos Isidoro López
- 383
- 1
- 2
- 17
1
vote
1 answer
How to hide series name in legend when the series is empty in Apache echarts?
I created a stacked line chart with echarts and I used the built-in transform to filter the provided data and ecSimpleTransform to aggregate the values. However, after filtering some datasets become empty, because none of their values match the…

sakos95
- 43
- 6
1
vote
1 answer
Echarts Line chart , display line name
So I want to diplay my Linechart name at the end of each line and I'm not sure if this is possible with echarts
EXAMPLE :
On the image below there is a name at the end of each line

Phakamani Xulu
- 259
- 5
- 14
1
vote
1 answer
Apache ECharts Gauge Gradient Style
I am trying to get something like this, where the style of the chart goes from a color on the min value to a color on the max value, and the progress value is in between.
I have this code:
option = {
tooltip: {
formatter: '{a}
{b}…
{b}…

Solomon
- 159
- 1
- 13
1
vote
0 answers
How to create a bar graph from echarts using JSON data?
I want to create a bar graph from JSON data which looks like:
[
{
"amount":0,
"country":"Australia",
"year":"2014"
},
{
"amount":20,
"country":"UK",
"year":"2011"
},
{
"amount":10,
…

Akhil Kintali
- 496
- 2
- 11
- 27
1
vote
1 answer
ECharts: dataset with bars colored based on category name?
I'd like to be able to control bar colors based on xAxis/category label name, throughout multiple charts, while using the dataset.source option of feeding data.
I'm guessing the solution might involve using visualMap?
customColors = {
x1: '#123',
…

pax
- 482
- 8
- 26
1
vote
1 answer
ECharts Punch Bar Scatter from dataset
I'm trying to generate a Punch Card, but unlike the provided example, I'd like to use the dataset option.
Desired result: 'week' (w1 .. w5) on xAxis and stacked (a1 .. a4) on yAxis, with symbolSize relative to respective value.
I'm currently using…

pax
- 482
- 8
- 26
1
vote
1 answer
echarts - custom toolbox feature does not work
I 'm trying to add a custom toolbox feature to an echart and I'm getting the following error:
Uncaught TypeError: Bind must be called on a function
at bind ()
at echarts.js:80214:30
at each (echarts.js:423:24)
at…

Giannis Kosmas
- 71
- 1
- 4
1
vote
0 answers
Need a way to set custom axisLabel & axisTick on the apache echarts
Currently the Gauge chart from Echarts only allow to configure splitNumber but I need a way to only show certain axisLabels and axisTicks like the example below, I tried to use formatter in axisLabel but I can only filter the labels not limit the…

Suneet Jain
- 216
- 1
- 3
- 17
1
vote
1 answer
creating a custom scrollbar in echarts using dataZoom
I am trying to create a scrollbar like the one below using echarts
So far I have managed to get the scroll using dataZoom feature but I haven't been able to style it like a normal scroll bar.
const dataY = [
'a',
'b',
'v',
'd',
'e',
…

Bazinga777
- 5,140
- 13
- 53
- 92
1
vote
1 answer
Is there a way on echarts to get the series colors
I'm using Echarts v5.2.2 (in an Angular project, with ngx-echarts) to render a line chart using multiple series. I have a listener for the 'highlight' event. This event is giving me an object with a batch of seriesIndex and dataIndex but it doesn't…

Ricardo Fornes
- 382
- 1
- 4
- 11
1
vote
1 answer
How to switch out charts on the same canvas with Apache ECharts?
Basically what I'm trying to do is have 5 options of graphs each displaying a different set of data (over the same span of time).
Here's what I have right now - it's almost everything I want, except the dropdown menu makes it look very messy in my…

csjh
- 154
- 2
- 11