SYNCFUSION BLOG

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

We are excited to share that we have enhanced the chart in Essential JS 2 with the following new features in our 2018 Volume 2 release:

  •         Scrollbar for zooming and panning.
  •         Histogram series.
  •         Grouping slice in accumulation charts.

Scrollbar for zooming and panning 

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.

Leave a comment

Loading