How to use Time Chart - Mixed - Columns and Area - Blog - ZoomCharts - Interactive JavaScript Charts Library for data visualization and exploration

Working with a mass amount of data can seem daunting, but the process is becoming increasingly easier with advanced data visualization tools. ZoomCharts’ Time Chart Mixed Columns and Area tool makes it easy to present large amounts of data simply and effectively.

Clients from many different fields, including science, medicine, business, law, administration, information technology, transportation, media, marketing, engineering, consulting, education, and more, have unlocked the possibilities of analyzing and using their data with ZoomCharts’ data visualization tools.

- Display large amounts of data in one place
- Work with mixed data in the same graph or chart
- Expand and zoom in and out of data with a simple click or scroll
- Filter and display data according to specific time intervals
- Export data to open in various file types

Step 1 Hover over data items to display detailed information.

Step 2 Click on a data item to expand it.

Step 3 Sort and display specific types of data using the filters at the top right.

Step 4 Zoom in and out of the chart by swiping up or down with your mouse scroll pad, or by using the Zoom-out feature at the top left.

Step 5 Go back to the full data display using the Back feature at the top right.

Subscribe to news

Subscribe to our newsletter and be among the first ones to receive updates about latest developments, releases and other useful information that will help you get the most of our visuals.

Online Examples

See various ZoomCharts exmaples in our online examples gallery. Each of examples has sample source code exposed.

See ZoomCharts examples

ZoomCharts Pricing

ZoomCharts licensing is transparent and simple, yet widely configurable to fit your company's needs and budget.

See pricing

ZoomCharts JavaScript Charts: Best New Features of 2022

2022 was a big year for data visualization, and it was an even bigger year for ZoomCharts JavaScript Charts. We implemented many useful and much-requested features such as conditional formatting, new data aggregation options, and more. We’re even more excited to share the upcoming features that you can expect in 2023. Read all about them!

Dec 22, 2022

JavaScript Charts Conditional Formatting Net Chart WebGL
zoomcharts javascripts charts

Analyze your Google Sheets data with ZoomCharts Spreadsheet Analytics

ZoomCharts Spreadsheet Analytics is a tool that allows you to receive an instant interactive report out of your spreadsheet data just by browsing that... Read More

Jan 05, 2017

google sheets google spreadsheets spreadsheet analytics embed data
google sheets google spreadsheets spreadsheet analytics embed data

Turn your spreadsheets into interactive reports in seconds

We introduce Spreadsheet Analytics. That means there is a new way to visualize and explore your spreadsheet data. Spreadsheet Analytics is an application build... Read More

Nov 09, 2016

Spreadsheet Analytics ZoomCharts Apps Excel

Arrange a Meeting with ZoomCharts at Collision in New Orleans

We are excited to be exhibiting at Collision tech conference in New Orleans on April 26-28. Attending this top-notch event? Pre-arrange a meeting with... Read More

Apr 14, 2016

collision tech conference
data visualization data visualisation collision conference tech conference data visualization conference big data html5 charts and graphs javascript graphs and charts html5 charts and graph library html5 charts html5 graphs javascript graphs javascript charts chart library graph library interactive charts interactive graphs

Meet Us at Data Visualization Summit in San Francisco

Hello the West Coast, we are coming! Happy to exhibit at Data Visualization Summit in San Francisco on April 21-22. Want to meet us there and get an exclusive... Read More

Apr 14, 2016

data visualization summit conference
data visualization data visualisation data visualization summit data visualization summit san francisco conference tech conference data visualization conference big data html5 charts and graphs javascript graphs and charts html5 charts and graph library html5 charts html5 graphs javascript graphs javascript charts chart library graph library interactive charts interactive graphs

Case Study: Meemim Uses NetChart to Build an Enterprise Collaboration Platform

Canadian start-up Meemim believes that visualization and social networking can lead to better knowledge management. Meemim’s CEO Alexandre Pestov tells us... Read More

Mar 29, 2016

data visualization netchart case study
data visualization data visualisation big data html5 charts and graphs javascript graphs and charts html5 charts and graph library html5 charts html5 graphs javascript graphs javascript charts chart library graph library interactive charts interactive graphs case study data visualization case study NetChart net chart meemim