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

Echarts - custom toolbox feature mark / comment

I'm trying to create a custom toolbox feature in echarts 3.8.5, so the user can add marks or comments to the chart. I didn't find any demo with custom features, and documentation to Extension API is missing. My questions: How to set custom feature…
BorisTB
  • 1,686
  • 1
  • 17
  • 26
9
votes
1 answer

Echarts: Line dissapear when Zooming in

I try to programm a Line Chart in echarts Version 4.1.0. I'm using different browser like Chrome Version 69.0.3497.100 or Firefox 63.0.1 (64-Bit). My issue is, if I zoom the x axis, the connecting lines disappear if the points are outside the…
selbolder
  • 487
  • 5
  • 22
9
votes
2 answers

Can I save chart as image without toolbox interaction in Echarts?

I'd like to save an echart as an image. If the toolbox.saveAsImage option is set to true, I can use a toolbox action to save the chart. However, I'm wondering if this can be done programmatically?
cgat
  • 3,689
  • 4
  • 24
  • 38
8
votes
2 answers

How can I change the color of the Pie charts using echarts?

I am using echarts. I want to assign my own color palette for the generated pie chart. I write the following code; var myChart = echarts.init(document.getElementById('EAR-charts')); var colorPalette = ['#00b04f', '#ffbf00', 'ff0000'] optionEAR = { …
Tek Kshetri
  • 2,129
  • 1
  • 17
  • 41
8
votes
1 answer

Elixir Phoenix LiveView Echart just vanishes (disappears)

Sorry for the long post, I tried to give all the information and explain what I have already tried. Problem: I put a classic phoenix view into a liveview. While everything seems fine, the echart just vanishes as soon as it's finished painting. There…
Joe Eifert
  • 1,306
  • 14
  • 29
8
votes
2 answers

how do I rename tooltip of echart download icon

I am using echarts How do I rename download button tooltip in corner of top-right(written in Chinese language) I can't find in echart option.
shahab kamali
  • 331
  • 4
  • 16
8
votes
4 answers

How to set xAxis in TIME type and formatted like {hh:mm} in Echarts?

I want to set xAxis in TIME type and formatted like {hh:mm} , such as 17:45. In this demo, configuration works: xAxis: { type: "time", }, value: [ [now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'), …
Tina Chen
  • 2,010
  • 5
  • 41
  • 73
8
votes
6 answers

Is it possible to use ECharts Baidu with Angular 2 and TypeScript

I am trying to implement EChart Baidu in Angular 2 application (typescript). I am following the start guide on their website https://ecomfe.github.io/echarts/doc/start-en.html but have no idea how I am supposed to init the chart having no clue about…
Anton Cholakov
  • 163
  • 1
  • 1
  • 7
8
votes
4 answers

ECharts: Multiple series (lines) with own yAxis

I want to switch from Highcharts to ECharts (preferably 3), but my current graphs have multiple series ('lines' in my case), with each their own yaxis, and it seems ECharts doesn't support this. These metrics do not relate at all, so they all need…
Jeffrey Roosendaal
  • 6,872
  • 8
  • 37
  • 55
7
votes
1 answer

How to add gradient color in echarts?

I made a echart line graph. Now, I want to add gradient color to it, as shown below: In this link, it said it supports the setting as gradient color. But when I tried to do this as code given: It gave this error: What to do? Thanks in advance.
user16605035
7
votes
4 answers

How to reduce the padding from the eCharts?

I am using echarts for visualizing some data in my web-application. I am using basic gauge chart for the visualization. If you notice the image below, there is too much padding in the chart. I would like to remove those padding and ideally have the…
Kiran
  • 8,034
  • 36
  • 110
  • 176
7
votes
1 answer

Overlapping bar chart apache echarts baidu

I want to create bar chart with multiple series overlapping each other. Stack bar chart places bar on top of another bar. I want all bar to start from the bottom like below example. Is there any way to achieve this with echarts ?
Ankur Akvaliya
  • 2,989
  • 4
  • 28
  • 53
7
votes
4 answers

Custom Dynamic color for echarts

I am using echarts for my data visualization.... I got the solution for static data from here.. But in my case I have dynamic data and don't know how to make it work. The data items changes from time to time. It is not always 3 items like below. It…
surazzarus
  • 772
  • 5
  • 17
  • 32
7
votes
1 answer

javascript - eCharts - multiple y-axis overlapping each other

I use eCharts javascript plugin to create a line chart .... As you can see in the picture I attached below, the y-axis is overlapping each other. And this is the option I use var colors = ['#5793f3', '#d14a61', '#675bba']; var option = { …
Syamsoul Azrien
  • 2,534
  • 4
  • 32
  • 55
7
votes
1 answer

Hide the labels in the pie graph in echart by baidu

I am referring to this https://ecomfe.github.io/echarts/doc/example/pie1.html#-en example. I am not able to hide the adjacent labels in the pie graph. I have encircled one of the labels I wish to hide in the attached image. Kindly help. Thanks!
d33a
  • 690
  • 1
  • 14
  • 39
1
2
3
83 84