What’s New in 2018 Volume 2: Chart in Essential JS 2 | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (174).NET Core  (29).NET MAUI  (207)Angular  (109)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (41)Black Friday Deal  (1)Blazor  (215)BoldSign  (14)DocIO  (24)Essential JS 2  (107)Essential Studio  (200)File Formats  (66)Flutter  (133)JavaScript  (221)Microsoft  (119)PDF  (81)Python  (1)React  (100)Streamlit  (1)Succinctly series  (131)Syncfusion  (915)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (51)Windows Forms  (61)WinUI  (68)WPF  (159)Xamarin  (161)XlsIO  (36)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (147)Chart  (131)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (63)Development  (628)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (40)Extensions  (22)File Manager  (7)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (507)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (43)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)Security  (3)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (10)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (387)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (19)Web  (592)What's new  (332)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)

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({
                       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:


Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed