Stack Overflow
Stack Overflow

Questions tagged [echarts]

Apache ECharts is a free open-source charting and data visualization library written in JavaScript. ECharts provides a powerful, interactive charting and data visualization library and framework for web browser, mobile App and backend usage.

Description

ECharts is a free, powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly customizable charts to your commercial products.
It is written in pure JavaScript and based on zrender, which is a whole new lightweight canvas library.

Currently (May, 2019) ECharts is an incubator project of Apache Software Foundation. Please check its incubator status here

History

ECharts (a contraction of Enterprise Charts) was previously a commercial charting solution originally intended to address the report need of the Company's various business systems, such as Baidu Promotion (凤巢), Advertising Manager (广告管家).

Previously we used Flash to fulfill those needs, but the problem is, due to Baidu's highly clear-cut division of labor, there is a special team in charge of Flash. As a result, everything – from the design of data interface to personalized needs - has to be negotiated and agreed upon, leaving little room for front-end engineers to control completely. Moreover, there is no Flash common to all the scenes in a system. Worse still, Steve Jobs, the co-founder and then CEO of Apple Inc., insisted that Apple wouldn't allow Flash on the iPhone, iPod touch and iPad. For all these reasons, and given the soaring popularity of html5, we decided to try something else. Therefore in early 2012 Lin Feng (Kener), the then front-end technical director of Baidu Promotion, tried to make charts via Canvas in the Data Platform Project of Baidu Promotion. He wrote a whole new lightweight Canvas library ZRender, which is actually the prototype of ECharts, albeit miles from the one in front of you now.

References

1257 questions
4
votes
4 answers

echarts-for-react call component on clicking a data point on chart

I am using echarts with react using echarts for react. I want to call a component on clicking a point on the graph, how to achieve this, and also what is legends, I read the documentation but was unable to understand it.
Akash Salunkhe
  • 2,698
  • 2
  • 16
  • 31
4
votes
1 answer

echart line charts - how to remove series line markers

Plotting a series line with Baidu's echarts library, does anyone here know how to remove the x-axis tick marker (the small circles on the line - see screenshot below)? screenshot (unable to embed) I can't find an option in the series line type…
touring
  • 63
  • 1
  • 7
4
votes
1 answer

eCharts: How to remove Japanese character in download button when canvas is rendered

I did some research before but dont get any luck, im trying to remove those japanese characters. I looked over all options but no luck so far
Diego Vinícius
  • 2,125
  • 1
  • 12
  • 23
4
votes
1 answer

Set zero for missing data in echarts.js

I want to combine 2 or more line charts having dates in x-axis and values in y-axis. But the dates for some series do not match. series0X= ["2015-11-21","2017-09-21"]; series1X= ["2017-09-21","2017-10-22","2017-11-20"]; series2X=…
Nunaram Hembram
  • 51
  • 1
  • 5
4
votes
3 answers

how to get geojson of mainly cities of all of country of the world

I'm making a map use echarts with geojson mapdata,but i need a geojson resource that contain main cities of all of country of the world,i had looked for everywhere on website ,but the mostly resource is just have border of country not has cities…
L.qian
  • 41
  • 1
  • 1
  • 3
4
votes
4 answers

ECharts / JS - Format Time Int to H:M:S within Tooltip

I am trying to change a time int, such as 010511 into a human readable format of 01:05:11 for both the tooltip, and YAxis of Echarts. Note that this isn't a timestamp, and is a stopwatch-type piece of data, always starting from 00:00:00 and going…
bbrg
  • 119
  • 1
  • 7
4
votes
2 answers

Title to the graph when saved as image in Echarts

I want to give title to the graph image which we get when we save the graph as image in Echarts. Echarts does not have option for the same. So, is there any way that we can achieve our requirement. Attaching a link for your reference from echarts.…
Deepak
  • 305
  • 1
  • 6
  • 18
4
votes
1 answer

Completely hiding the y-axis in echart bar chart

Using echarts 3.8.5, I am trying to create a bar chart with no y-axis labels. Here is a snippet of my options object: const options = { yAxis: [ { show: false, type: "log", } ], // additional config... }; The result looks…
Seth
  • 43
  • 1
  • 1
  • 3
4
votes
1 answer

eCharts 3 - zoom on geo map onclick

Does anyone know how to click on a country, then have it zoom in on that country/area in a 2D geo world map? I am using the world 2D map that is provided in eCharts 3. So my options look like this: geo: { name: '2D Global Map', type:…
esion
  • 198
  • 1
  • 8
4
votes
2 answers

Baidu ECharts2 dynamic chart position based on the legend height

I'm using Baidu ECharts2 to visualise a dynamic amount of series (up to 100) as a line chart. The issue I face is the legend overlaps the graph in case if the series are too many. I spent good 2 hours in searching the documentation and reading, but…
Teodor Todorov
  • 66
  • 1
  • 10
4
votes
0 answers

ECharts - set axisPointer positioning to vertical (time type)

I am using ECharts to plot a simple line graph that displays data about CPU usage over a period of time. I want the xAxis to only have 6 intervals, which are hourly; between each interval there are values for every half hour. I also want the…
Patrick
  • 308
  • 5
  • 17
4
votes
1 answer

Customize label in scatter graph in echarts by baidu

Referring this example to create scatter graph using echarts library: Basic Scattergraph My code for this is as follows: option ={ xAxis : [ { type : 'value', …
Tee
  • 103
  • 1
  • 2
  • 11
3
votes
1 answer

Quarto figure labels break tooltip formatting for echarts plots

After adding a figure label to a quarto chunk that creates an echarts plot, the text in the tooltip becomes misaligned. This seems to be an issue only recently introduced. Here is an example without a figure label and the tooltip renders…
Giovanni Colitti
  • 1,982
  • 11
  • 24
3
votes
1 answer

Select a cell in a heatmap

I was looking at ECharts specifically cartesian heatmap. I want to select a particular cell in a heatmap and display its information. There is this property called selectedMode where we can set it to single for single selection, 'multiple' for…
F_V
  • 125
  • 1
  • 11
3
votes
2 answers

Visualization of descending count

I have a dataframe that looks like this: components non_breaking_count breaking_count 0 paths-modified 22956 8640 1 endpoints-modified 22155 8149 2 endpoints-added 8109 5354 3 paths-added …
Brie MerryWeather
  • 132
  • 3
  • 13
1 2 3
…
83 84