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

Custom chart between pie and heat map

We need to create a "heap map" using EChats in the form of a clock, where for each hour we have a certain number of occurrences (that would be the value) and the color of each block on the pie goes from white to black depending on the relative…
vmasanas
  • 503
  • 1
  • 7
  • 18
-1
votes
1 answer

ECharts: change line color. i have pick 2 color .Both two color show like odd and even style

i want ro remove that custom color and add that color as loop like first color red then green .odd even odd even. option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] …
Sherin Shaju
  • 246
  • 4
  • 15
-1
votes
1 answer

Two array series with different time stamps and a different number of data points

I have 2-time series data with different time stamps and a different number of data points. First one: ​​[ { time: "2020-03-10T06:48:08.884220928Z", value: 99.05870056152344 } ​​​​​ { time: "2020-03-10T06:48:10.888220928Z", value:…
6axter82
  • 569
  • 2
  • 8
  • 19
-1
votes
2 answers

Foreach displays only the last item of array in Angular echarts

here's the code: list.component.ts chart: any = [] data = [ { date: (5) ["2020-02-15 12:00:00",, "2020-02-15 13:00:00", "2020-02-15 14:00:00", "2020-02-15 15:00:00", "2020-02-15 16:00:00"], temperature: (5) [24.8, 25, 25.3, 25.3, 25.4] …
Panda
  • 365
  • 9
  • 23
-1
votes
1 answer

How make Laravel Charts (ConsoleTVs/Charts) as recallable method inside model instead of controller?

I'm working with Laravel 5.7 and use the Laravel Chart ( ConsoleTVs/Charts ) https://charts.erik.cat/ ,and because i need same chart in many positions in my application ,also want to pass variable to generate many chart , I'm trying to generate…
IBRAHIM EZZAT
  • 964
  • 9
  • 22
-1
votes
1 answer

Echarts ajax data

I tried to implement a chart with chart and ajax data type. When I would show result of a call in the xAxis not showing anything. This is a code of this chart
mario lucci
  • 19
  • 1
  • 5
-2
votes
2 answers

How can I swap the axes on an eCharts bar chart with javascript

I have created an eCharts barchart and I just want to swap the x and y axes I have tried just swapping the data objects for the axes but that doesn't work and googling hasn't turned up much at all. This is the initialisation script for the bar…
Neil
  • 107
  • 1
  • 9
-2
votes
1 answer

How to change the style of a specific section/part of a line chart to dotted/dashed in echarts?

I am trying to achieve something like this using echarts wherein the last part/section of the line chart is dashed, can someone help me figure this out? Echarts-Line Chart…
Vinil Vasani
  • 123
  • 3
  • 9
-2
votes
2 answers

Cannot read property 'requestAnimationFrame' of undefined

After I've included "echarts-for-react" library to my project, I've started getting Cannot read property 'requestAnimationFrame' of undefined error. The interesting part is that I'm only getting this error on Windows 10. When I open the project on…
Nickole
  • 1
  • 2
-2
votes
1 answer

Connect echart graphics with Java ServerFaces

I am triyng to create graphics with echarts in a ServerFaces application. How can I send un JSON from the managed bean to the javascript graphic?
COBO
  • 377
  • 1
  • 5
-3
votes
0 answers

How to display the complete information of the legend when hovering?

As shown in the figure below, the legend text has been omitted. How can I configure it to display the complete text when hovering over it? enter image description here I want to know which charting libraries have this capability and can be easily…
-3
votes
1 answer

Does anyone have a sample for adding a context menu on ECharts?

Based on the documentation there's an event to handle the context menu for echarts but I couldn't find any sample on how to implement it and how to add a context…
Jon
  • 35
  • 3
1 2 3
83
84