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
0
votes
2 answers

Automatically convert absolute numbers into to percent values in echarts

I am trying to have a chart with percent values instead of the numeric values I'm feeding to it. This is my chart: Is there an option to automatically convert the numbers in the bar chart to percentages? (In the example, there is a range from 0 to…
shahab kamali
  • 331
  • 4
  • 16
0
votes
1 answer

Add Values to data under series dynamically - echarts

I have created a Bar graph using echarts. I want to bind multiple values to data object dynamically, currently I'm able to bind only single value. here is my java script. I'mm a newbie for this, hoping for a fully functional solution. var myChart =…
Joy Fernandes
  • 303
  • 3
  • 16
0
votes
2 answers

Does echarts has drill down option for all category of charts

I am going to use baidu echarts in my project, but till now not able to find drill down option in pie, bar and line charts. Please help me, if anyone know the drill down option.
0
votes
1 answer

Custom field name in ECharts

I designed a console app. User can create report widgets (also selecting graph type, line, pie, etc...) and link to rest api functions. Then system binds rest api data (i don't know the data fields, user typing names in the screen) with report…
Fatih Çelik
  • 401
  • 7
  • 16
0
votes
4 answers

Hiding a

I am trying to make use of the display:none and display:block on my website. The style as follows: The body content is:
The script…
d33a
  • 690
  • 1
  • 14
  • 39
0
votes
2 answers

how to use echarts in my react-native project

i tried to use echarts-for-react github.com/hustcc/echarts-for-react, but failed code is error is
xhj
  • 1
  • 2
0
votes
0 answers

Which echart diagram can be used for something like a process flow diagram?

I am trying to implement a flow diagram using echarts library by Baidu. I thought the closest match for it, would be the tree diagram. Here's an example: Tree Kindly suggest some other diagram which would portray a flow diagram better. The diagram…
d33a
  • 690
  • 1
  • 14
  • 39
0
votes
1 answer

how to use Echarts3(a charts tool by baidu) in Liferay7?

I need a charts tool in Liferay7,then my boss recommended to use Echarts3 which is a free charting library by baidu,however,Liferay uses Jsp whereas echarts uses js, so how do I import js to jsp and how to set related properties in Liferay 7? here…
Breadykid
  • 1
  • 2
0
votes
1 answer

Echarts with JSON databinding

i have json encoded data set as below ( i use php for get record from mYSQL and convert to…
Kavinda
  • 177
  • 2
  • 12
0
votes
1 answer

echarts world map from baidu. show popover on clicking a location

I am using echarts world map for showing location relations in my project. My requirement is that I want to show a popover just like a tooltip when i click a location. How is this possible. please help
0
votes
5 answers

Toggle DIVs without reloading page

Pie1 displays by default. Clicking the drop down for Pie2 or Pie3 leaves the DIV blank, selecting Pie1 once again returns echarts_Pie1. MY dropdown for pie2 and pie3 is not working.