Shulou(Shulou.com)05/31 Report--

This article focuses on "what are the new features of Apache ECharts5", friends who are interested may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn what are the new features of Apache ECharts5.

Dynamic narration

In previous versions, Apache ECharts helped users understand the relationship between data transformations by initializing animation and transition animation. In version 5.0, Apache ECharts greatly enhances the animation narrative ability, with the help of the dynamic narrative function of the chart to help users understand the story behind the chart.

Dynamic sorting chart: Apache ECharts 5 adds support for dynamic sorting bar chart (bar-racing) and dynamic sorting line chart (line-racing). Developers can easily create temporal charts to show the changes of data in the time dimension.

Custom series animation: Apache ECharts 5 provides richer and more powerful animation effects in the custom series, supporting interpolation animation of label numerical text, transition animation of graphics deformation (morph), separate (separate), combine and other effects.

Visual design

Visual design is not only to make the chart more beautiful, but also to let users quickly understand the content of the chart and eliminate the misunderstandings caused by bad design.

Default design: Apache ECharts 5 redesigns the default theme style, optimizes and adjusts for different series and components, taking fully into account the discrimination between colors, the contrast with the background color, the harmony of adjacent colors and other factors, to ensure that people with color vision discrimination disorders can also clearly distinguish the data.

Tags: Apache ECharts 5 provides a variety of new tag functions, so that dense tags can be clearly displayed and accurately expressed, such as automatically hiding overlapping tags, automatically arranging tags and so on.

Timeline: Apache ECharts 5 supports timelines that express timeline ticks, and developers can customize the contents of timeline tags according to different needs.

Prompt box: Apache ECharts 5 optimizes the style of the prompt box by adjusting the font style, color, adding arrows, following the border color of the graphic color and other functions to make the default display of the prompt box clearer. At the same time, the rendering logic of rich text is improved to ensure that the display effect is consistent with the HTML mode. The list in the prompt box can also be sorted by numerical size or category order.

Dashboard: Apache ECharts 5 has made a comprehensive upgrade to the dashboard, supporting picture or vector path drawing pointers, anchor point (anchor) configuration items, progress bar (progress), fillet effects and other configuration items.

Fan fillet: Apache ECharts 5 supports fan fillet for pie chart, rising sun chart, and rectangular tree chart.

Interactive ability

The ability to interact can help users understand charts better.

State management: Apache ECharts 5 adds the effect of fading out other irrelevant elements on the basis of the original mouse hover highlight, so as to achieve the purpose of focusing on the target data. At the same time, click-and-select interaction has been added to all series.

Performance improvement: Apache ECharts 5 supports dirty rectangle rendering to solve performance bottlenecks in scenes with only local changes; line chart performance optimization for real-time time series data, tens of millions of data can be rendered in less than 1 second, and maintain a small memory footprint and smooth tooltip and other interactions.

Development experience

Powerful visualization tools also need to be used by developers in a simpler way.

Datasets: Apache ECharts 5 enhances the data conversion capabilities of datasets, allowing developers to implement common data processing in a simple way, and to use these functions in a unified and declarative way to achieve common data operations.

Internationalization: the previous internationalization implementation of ECharts packaged different forms of deployment files according to different language parameters. Apache ECharts 5 separates dynamic language packages from static code packages. When you switch languages, you only need to load the corresponding language packs, use the registerLocale function to mount the language pack objects in a similar way, and then complete the language switching after reinitialization.

TypeScript refactoring: the code was rewritten with TypeScript at the beginning of the development of Apache ECharts 5, and the strong typing brought about by TypeScript makes it possible to implement more new features in the new version.

Accessibility

More accessible designs have been implemented in Apache ECharts 5 to help visually impaired people better understand the contents of the chart.

Theme color matching: the new default theme style takes barrier-free design as an important consideration and provides a special high-contrast theme to further distinguish the data with themes with higher contrast colors.

Decal pattern: Apache ECharts 5 adds a decal function that uses pattern-assisted color expression to further help users distinguish data.

At this point, I believe you have a deeper understanding of "what are the new features of Apache ECharts5?" you might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.