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

How to achieve overlapping of bars in a bar chart for data of the same dimension instead of stacking effect?

How to achieve a bar chart similar to the stacked column chart (https://www.visactor.io/vchart/demo/bar-chart/stack-column), enter image description here where bars of different colors start from the y-axis zero scale and overlap with each other…
xuanhun
  • 46
  • 3
-1
votes
1 answer

How do I plot a point not exacty on points on the axis data in echarts

I don't even know if I am using right English but I really need help Assuming you have such data for an Echart graph? option = { xAxis: { data: ['A', 'B' 'B', 'C', 'D', 'E'] }, yAxis: {}, series: [ { data: [10, 22, 28, 23, 19,…
iamafasha
  • 848
  • 10
  • 29
-1
votes
1 answer

How to change boxplot axis name

now I hava drawed a boxplot, but the axis name is not my expected , I want the axis name is like "1A, 5B, 20C, 60D, 500F", see the picture. boxplot environments: echarts: v5.4 the source code is below: option = { title: [ { text:…
Zcb991
  • 1
-1
votes
1 answer

EChart XAxis Line not rendered?

Trying to draw the XAxis Line in this EChart Stackblitz Demo using Angular and Ngx-Echarts. This is the line configuration. It works on the Y Axis, however on the X axis the line is not being rendered. Any ideas? axisLine: { …
Ole
  • 41,793
  • 59
  • 191
  • 359
-1
votes
1 answer

Why Apache Echarts don't show on bootstrap Collapse?

I dont know why my apache charts wouldn't draw a chart if it's inside a Bootstrap Accordion/collapse. if i put the charts outside the accordion, it works fine and chart show the data. Here's the link to my script…
Vendetta
  • 53
  • 10
-1
votes
1 answer

apache echart not working with pie drill down

the drill down for pie isnt working that well, can you please let me know what im missing? i want to have a drill down bar chart however, i changed it to pie as its what i need but running into some issues - wondering if someone has done this…
safalstha
  • 3
  • 4
-1
votes
1 answer

echarts bar lines to top

If charts data has a small number of values they are position on center. It is possible to position top? xAxis: { type: 'value', }, yAxis: { type: 'category', data: ['Brazil', 'Indonesia'] }, series: [ { type: 'bar', …
-1
votes
1 answer

Basic Area EChart not compiling with ngx-echarts?

I'm trying to get the basic area echart working on Stackblitz with ngx-echarts. I've installed ngx-echarts and imported the module. I've added the options to app.component.ts like this: option = { xAxis: { type: 'category', boundaryGap:…
Ole
  • 41,793
  • 59
  • 191
  • 359
-1
votes
1 answer

Apache echarts - any ideas how to display summed data by "month"/ "year"

hello i have a sample data payload with timestamp as below {timestamp:"2021-04-09 10:18:48",value:18,id:1}, {timestamp:"2021-04-09 10:18:49",value:102,id:2}, {timestamp:"2021-04-09 10:18:53",value:23,id:3}, {timestamp:"2021-05-10…
tytx t
  • 1
  • 3
-1
votes
1 answer

Apache echarts - Schedule style chart layout

Does anyone know of a chart layout that functions like a schedule/timeline? I currently have a chart that shows the on/off status of 3 valves over time. It's a stacked line/area chart, it's works ok, but it's not the easiest to follow. See linked…
fnm-luke
  • 21
  • 1
-1
votes
1 answer

how to add click event on echarts heatmap cell?

how do I register an onclick event when i click one of the cell? This is the current example I am following. for example, trigger a alert when i click on one particular cell
yongchang
  • 503
  • 6
  • 18
-1
votes
1 answer

Pyramid Chart Using Echart

i have this javascript code, to generate a gender pyramid chart the type bar of female in right and the male in left with count and not with positive value this my chart : enter image description here option = { tooltip: { trigger:…
Open
  • 1
  • 3
-1
votes
1 answer

bizCharts set an integer as tick

I want just show integer,just like minInterval in echartsenter image description here
Rai
  • 9
  • 1
-1
votes
1 answer

How to turn off auto zoom in echarts?

I want to display Ekg waves. I use echarts. But there is a small problem with the visualize. My chart: But I want to see like this page: https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-0150-ecg.html My code is…
P. Mark
  • 81
  • 1
  • 3
  • 12
-1
votes
1 answer

Calendar heatmap with Years as legend/visual map using Apache ECharts

I am trying to use Apache Echarts in my application and stumbled upon how to display multi-year heat map using calendar co-ordinate system in ECharts. Please find the concept image below. Any help is deeply appreciated. Multi Year Calendar Heatmap…
1 2 3
83
84