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
5
votes
1 answer

add relevant information tooltip echarts4r boxplot outliers

I am trying to add some relevant hover information to the tooltip of a echarts4r plot. I want to make an boxplot that shows the user the name (or some other information) of the outliers. This is somewhat related to Add extra variables to tooltip pie…
L Smeets
  • 888
  • 4
  • 17
5
votes
0 answers

aligning zero line in echarts

normally I would have some full-blwn code to post with my questions but this is a very generic question... I have create a chart with two y-axis on echarts through yAxis: [{name:'abc', type:'value'},{name:'xyz',type:'value'}]. both axes might have…
minovsky
  • 857
  • 1
  • 15
  • 28
5
votes
1 answer

How to place label on top of each horizontal bar in echarts?

I'm trying to make an horizontal histogram with y labels on top of each bar with the really nice libray echarts. Here is an example: Here is where I am with this jsfiddle https://jsfiddle.net/795f84o0/6/ : Echarts documentation is really good but…
mogo
  • 380
  • 3
  • 11
5
votes
2 answers

EChart series with different tooltip

I have the following EChart in my Angular application: var option = { xAxis: { type: 'category', data: ["A", "B", "C", "D", "E"] }, yAxis: { type: 'value', }, tooltip: { trigger: 'axis', axisPointer: { …
mrks
  • 5,439
  • 11
  • 52
  • 74
5
votes
1 answer

How to auto scale font size in echarts?

I don't really have a question but just to share my knowledge here. This is a knowledge sharing on how to auto scale font size in echarts.js based on the div size.
Ray
  • 1,539
  • 1
  • 14
  • 27
5
votes
3 answers

Is there is way to position the chart on the canvas and the legend individually in echarts?

I am trying to position my pie chart and move it a bit to the right from where it has originally rendered. I only want to move the chart and not the legend. Is there a way I can do that? I went through the documentation and couldn't find anything.…
Vinil Vasani
  • 123
  • 3
  • 9
5
votes
3 answers

Echarts - Can't able align the title to center

I am trying the center the title of the echarts component by setting title:{ text: "My Title", textStyle:{ align: "center" } } But it is not working. I have referred the official…
Jefferson Swartz
  • 306
  • 3
  • 10
5
votes
2 answers

echarts (line chart) how to connect when no data

img1: https://i.stack.imgur.com/7EbSU.png img2: https://i.stack.imgur.com/VeB0p.png echarts (line chart) how to connect when no data,I want to img2 demo link: http://echarts.baidu.com/echarts2/doc/example/line1.html
jerrywang
  • 71
  • 1
  • 3
5
votes
2 answers

How to highlights bar when click echart bar graph?

I have created a bar graph using the echarts library. How can I highlight the bar graph when the user clicks on a bar, or else apply the bar border when a bar is clicked? Is there a way to highlight a bar when the click event is triggered for the…
R Rajan
  • 71
  • 1
  • 6
5
votes
1 answer

How to get value of start and end in dataZoom changed event in echarts baidu?

How to get value of start and end in dataZoom changed event in echarts baidu?
Hobas Matius
  • 199
  • 1
  • 2
  • 14
5
votes
3 answers

Add dynamic array to ECharts Pie Chart series data

I have a dynamic array arr of objects that produces the following result: {value:0, name:'Safety'},{value:0, name:'Environmental'},{value:0, name:'Finance'},{value:0, name:'Health'},{value:1, name:'Quality'} I want to use it in the following…
moe
  • 167
  • 3
  • 13
5
votes
1 answer

Echarts.js Library - Referencing pages using onclick event for pie slices

I am using the echarts.js library for pie charts, I would like to make each slice in the pie hyperlink to another page. Im using static data points for now, to test if it will work - and will update to dynamic data after. Below is an example of…
Ivan Nel
  • 319
  • 3
  • 12
4
votes
0 answers

How to get the height and width of rendered elements in ECharts?

How can I retrieve the height and width of rendered elements in ECharts, such as visualMap and legends? I need to obtain the exact dimensions of these elements for further calculations and adjustments within my application. I've checked the ECharts…
erzen
  • 384
  • 1
  • 6
  • 18
4
votes
0 answers

Show slice names and values in separate labels on echarts pie chart

I'm trying out the ECharts library My goal is to get a chart like the following, where the slice labels are shown around the pie, and the values shown on top of each slice: I had hoped that I could define a separate label on the series, and then a…
MasterOdin
  • 7,117
  • 1
  • 20
  • 35
4
votes
1 answer

How to create a bar or column chart inside a table cell of each row

I need to create a bar or column chart inside a table cell of each row. here is my json [ { "Chocolate": [ { "kisses": [ { "2022": { "jan": 2000, "feb": 1200, "mar":…