ECharts

ECharts official version

ECharts official version is a commercial-grade data chart production tool suitable for use in various enterprises. ECharts can perform efficient operations, and various graphics can be produced, making the overall copywriting valuable. The key point of ECharts is the positioning of the logo. Huajun Software Park provides ECharts software download service. To download other versions of ECharts software, please go to Huajun Software Park!

ECharts function introduction

          Dynamic logo

The way to use the water polo chart is very simple. To achieve the following effects, you only need to set the series type to liquidfill and specify the data.

Table value data chart

In addition, the pictographic column chart can also use the number of the same graphic to express the numerical value, achieving an effect similar to a group of elves in the echarts Christmas activity page. Therefore, the pictographic column chart can largely meet the drawing needs of information graphics.

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

The topic river graph is a special type of flow graph, which is mainly used to represent changes in events or topics over a period of time. The striped river branches of different colors in the topic river encode different events or topics, and the width of the river branch encodes the value in the original data set. In addition, the time attributes in the original data set are mapped to a single timeline

Pictogram column chart

The pictographic column chart is a column chart that can be set with various concrete graphic elements (such as pictures, svgpathdata, etc.). It is often used in information graphics and is used on a rectangular coordinate system with at least one category axis or time axis. On the echarts Christmas activity page, we made the following speed comparison chart between reindeer and transportation modes. Such a chart can be used echarts pictogram bar chart is easily implemented

ECharts software features

mash up

Mixed charts will be more expressive and interesting. The charts provided by ECharts (a total of 11 categories and 17 types) support any mix and match: line chart (area chart), column chart (bar chart), scatter chart (bubble chart) , K-line chart, pie chart (donut chart), radar chart, map, chord chart, force-directed layout chart, dashboard, funnel chart.

A standard chart in a mix-and-match situation: including a unique legend, toolbox, data area scaling, value range roaming module, and a Cartesian coordinate system (can include one or more category axes, one or more value axes, up to four up, down, left, and right)

Drag and drop recalculation

The drag-and-drop recalculation feature (patented) brings an unprecedented user experience to data statistical charts, allowing users to effectively extract and integrate statistical data, and even exchange data between multiple charts, empowering users to mine data. , the ability to integrate.

Dynamic type switching

The free version of ECharts provides dynamic type switching, allowing users to switch to the chart type and stacking state they need at will.

​​​Legend switch

ECharts provides a convenient and fast multi-dimensional legend switch, which can switch to the data series you care about at any time.

Data area selection

Data can be unlimited, but the display space is always limited. The data area selection component provides the ability to roam in large amounts of data, allowing users to select and present the data area they care about.

With the accompanying average (extreme value) marking line, the annotation shows powerful data analysis capabilities.

Value range roaming

​​​​Coordinate-based charts (such as maps, scatter plots) can intuitively display data distribution through color changes to express the size of values.

But how do I focus on the values ​​I care about? We created a feature called range roaming that allows you to easily filter values.

​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​

ECharts supports glare effects for labeling lines, which is especially used to easily visualize Baidu migration data on maps.

Dynamic data addition

If you need to display data that changes in real time, I believe this dynamic interface will be very helpful to you.

​​Multi-dimensional stacking

Supports multi-series and multi-dimensional data accumulation, and with automatically scalable graphic entities and rectangular coordinate systems, it can present more meaningful statistical charts.

How to use ECharts

​ ​ 1. After the download is completed, we can also use it. Create an html file to reference echarts.js and set up two divs with width and height to prepare for drawing histograms and pie charts.

2. Based on the created histogram div, we first specify the configuration items and data of the chart, and then display the configuration items and data of the chart.

3. When we open it in the browser, we can see that a histogram has been successfully drawn through echarts.

​ ​ 4. Let’s draw a pie chart. We also initialize the echarts instance first and specify the chart configuration items and data, as shown in the figure below

5. When we reopen the page in the browser, we can see that the pie chart has been drawn.

ECharts FAQ

​​​Question: How to adjust the chart size in ECharts?

Answer: The size of the internal chart is related to the size of the div container. If you want to adjust the size of the chart, just adjust the div.

If you want to adjust the top, bottom, left, and right spaces between the chart and the div, set the grid attribute.

​​​Question: How to control the size of the pie chart in ECharts?

Answer: radius: '55%', ------------This attribute sets the size of the image

Center: ['50%', '60%'],-----This attribute sets the top, bottom, left and right positions of the image

​​​Question: What should I do if there is not enough space to display the axis labels in ECharts?

Answer: Users can use interval to control how often labels are displayed. If it is set to 0, all labels will be displayed. Alternatively, you can set axisLabel.rotate to rotate the label by a certain angle.

Comparison of similar software

​​​wfChart statistical chart componentThe official version is a very novel statistical chart component tool. The latest version of wfChart statistical chart component has comprehensive functions and can help users create various styles of charts. It supports column charts, horizontal column charts, curve charts, pie charts, and point charts. , area chart, etc., wfChart statistical chart component can also set various styles, special effects, gradients to enhance the beauty of the chart.

​​​Mekko GraphicsIt is a convenient and compact chart making tool with easy operation and clear functions. It can generate dozens of chart types. You can also add various modules to the chart yourself, which is a great experience for long-term use of charts.