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…
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}…
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…
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
1 2
3
8 9