ZingChart 是一個JavaScript圖表庫,允許用戶為Web應用程序創建交互式圖表。圖表可以HTML5 Canvas,SVG,PDF或圖像的形式呈現。ZingChart具有最高的性能,兼容性和交互性。
Interactivity
Value Boxes: Know the exact value at a glance
Value Boxes are useful when the dataset is small and the actual values are important to understand. When enabled, each node will have its value placed on or around itself.
Tooltips: Reveal values without the clutter
When you have a slightly larger dataset, and value boxes on each node would become too cluttered, tooltips allow you to see a node's value on demand.
Crosshairs: Enable more granularity
When even tooltips won't be granular enough, crosshairs give you an easy way to inspect a spectrum of values.
Zooming: See your data up close
When the dataset is so large that you need a magnifying glass to see a node's value, the ability to zoom into a point helps prevent squinting your eyes. Scroll bars can be added for additional functionality.
Preview: Overview your data while zoomed
The preview window helps keep track of where you are currently zoomed into. It also acts as a way to move the scroll position.
Multi-Axis: Zoom on multiple axes
Need to zoom on both the x and y axis? You can do that as well!
Toggle: Easily change plot visibility
Too many plots on the screen? You can use the legend to hide and show plots - you can even configure the action to rescale the chart when a plot is hidden!
Highlight: Overview your data while zoomed
While the legend's color corresponds to the plot color, hovering over a legend item can be configured to highlight the plot.
Chart Types
Popular Chart Types
We break down the importance of popular chart types and what features are available in ZingChart for some of the most common chart types out there.
- Area
- Bar
- Line
- Pie
- Scatter
All Chart Types
Browse our docs pages to see all available chart types, chart type aspects, and plugin chart types.
|
|
|
Accepted Data Formats
ZingChart supports a couple different input types, but the main input type is a single dimensional array of values. Some of the chart types accept various formats and you can read more about that in our docs.
Styling
ZingChart comes with a set theme, but every component of the chart can be styled via the JSON configuration. Need some inspiration? Head over to our demo gallery where you'll find live fully customized and interactive charts.
Built-in Themes
Don't have a specific style requirement and just want good looking charts? We've done the hard work for you! We have built a number of custom themes that are ready for you to use.
JSON Configuration
We've built ZingChart to be user-friendly no matter the user's experience on the web. From novices to seasoned veterans, our charts are easy to create with a simple JSON configuration. Our extensive documentation outlines each attribute and the values it can take.
Real-Time Feed
If your data is constantly updating in “real-time,” ZingChart provides many ways of updating your data. This works especially well with a remote data endpoint that is constantly updating and you can poll.
Powerful JavaScript API
Add important interactions with just a few lines of code. Our robust API allows you to leverage and interact with the chart autonomously. The API also allows for full extension of chart types and designs.
Sending and receiving information to the chart is easy with the API. A good use case for the API is loading data asynchronously. After using the playground below, check out our Getting Started with Data documentation for more information.
Performance
ZingChart was built with size in mind. We focus on robust chart types and delivering those chart types at fast render speeds. Because we understand what makes a chart perform, we offer Canvas and SVG rendering options depending on your speed needs.
Render 100,000 data points in under 1 second. Keep in mind, getting data from an endpoint, or even loading a large JavaScript array in memory, takes time. The true render speed of ZingChart starts once the chart configuration has been made. Because the entire chart is a JSON object, the state of the chart is 100% shippable and savable across platforms.
Website | Internal | SaaS |
Great for blogs, non-profits, or simple websites |
Designed for internal teams & reporting |
Salable software, services, & mobile apps |
► Single Website/Domain ► Unlimited Developers ► Watermark-free Charts ► No User Authentication ► Basic Chat Support ► Community Support ► All Chart Features ► All Chart Themes ► Non-Salable Software ► Access to Latest Version |
► Single Internal Application/Domain ► Unlimited Developers ► Watermark-free Charts ► Internal User Authentication ► Premium Chat Support - 1 Hour Annually ► All Chart Features ► All Chart Themes ► Discounted Feature Requests ► Non-Salable Software ► Access to Latest Version |
► Single Salable Product/Application ► Unlimited Developers ► Watermark-free Charts ► Internal & External User Authentication ► Premium Chat Support - 2 Hours Annually ► Community Support ► All Chart Features ► All Chart Themes ► Discounted Feature Requests ► Access to Latest Version |
Enterprise | OEM |
Perfect for multiple internal teams | Distributed software & on-premise products |
► Unlimited Internal Applications/Domains |
Not sure how many deployments you'll have? Using ZingChart in an embedded system? Want the most powerful JavaScript charts for your products? Contact us to get started! |
Supported Browsers
ZingChart is compatible with all major browsers and operating systems. This ranges back from Internet Explorer 6.0 + to the latest major browser vendor versions. ZingChart will render charts in all web browsers. Charts appear in SVG by default, and in VML for legacy Internet Explorer browsers (Internet Explorer 8 and older).
ZingGrid
ZingGrid is a powerful JavaScript library for rendering interactive HTML grids and data tables.
ZingGrid is a JavaScript Web Component Library that allows developers to include interactive data tables in their web applications. The library can also be used in popular frameworks such as React, Angular, Vue, jQuery, and many more!