What’s New in 2018 Volume 2: Chart in Essential JS 2

Panning and zooming the chart can be done using mouse and touch actions on a chart area. However, if we have a scrollbar on an axis, it is easier to zoom or view data on a desktop. So, in this release, we have provided support for scrollbars in chart and they work as shown in the following.

                   

let chart: Chart = new Chart({
                 zoomSettings:
                   { 
                       enableScrollbar: true
                   }
 });

Histogram series

We have added a new series type called histogram for this release. The histogram series provides options to visualize large amounts of data that are difficult to present in a tabular or spreadsheet form.                    

                     

let chart: Chart = new Chart({
              series: [
                       { type: 'Histogram' }
                     ]
 });

Grouping slice in accumulation charts

Now, a set of data for accumulation charts can be grouped based on number of points. For example, when you want to show the medal details of the top 10 countries in a chart, and then put the other countries together in one category, you can use this feature. This helps you visualize data more clearly when you have a large amount of it.

let pie: AccumulationChart = new AccumulationChart({  
                groupTo: '9',
                groupMode: 'Point'
});

We hope that you will enjoy these new features in chart. These features are available for all other JS2 platforms, such as Angular, React, Vue, ASP.NET Core, and ASP.NET MVC. You can find the 2018 Volume 2 Essential JS 2 install download link here. Please feel free to leave your feedback in the comments section below.

If you like this blog post, we think you’ll also like the following free e-books:

• JavaScript Succinctly
• TypeScript Succinctly
• AngularJS Succinctly
• Angular 2 Succinctly
• React.js Succinctly