{"id":4637,"date":"2017-10-02T05:13:10","date_gmt":"2017-10-02T05:13:10","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=4637"},"modified":"2017-10-09T10:58:51","modified_gmt":"2017-10-09T10:58:51","slug":"modular-javascript-charting-anychart-8","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/","title":{"rendered":"Modular JavaScript Charting: AnyChart 8 Premiere"},"content":{"rendered":"<p><a href=\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/\"><img decoding=\"async\" class=\"alignnone size-full wp-image-4727\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png\" alt=\"Modular JavaScript Charting: AnyChart 8 Premiere, 8.0.0 Release of AnyChart, AnyMap, AnyStock, AnyGantt\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png 1299w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries-300x157.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries-768x402.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries-1024x536.png 1024w\" sizes=\"(max-width: 1299px) 100vw, 1299px\" \/><\/a>Fall is an amazing time for TV, movie, theater, and other art lovers as that&#8217;s when a lot of premieres are being launched. Well, we are happy to contribute to the debut mainstream this time! Meet <a href=\"https:\/\/www.anychart.com\"><strong>AnyChart 8<\/strong><\/a>, a modular JavaScript charting system taking the convenience, performance, and customization\u00a0in the art of interactive data visualization to the next level.<\/p>\n<p>Join us in reviewing the core\u00a0innovations delivered\u00a0in the 8th, module-based generation of\u00a0AnyChart, including the brand new features\u00a0now available in our JS charting libraries <a href=\"https:\/\/www.anychart.com\/products\/anychart\/overview\/\">AnyChart<\/a>, <a href=\"https:\/\/www.anychart.com\/products\/anystock\/overview\/\">AnyStock<\/a>, <a href=\"https:\/\/www.anychart.com\/products\/anygantt\/overview\/\">AnyGantt<\/a>, and <a href=\"https:\/\/www.anychart.com\/products\/anymap\/overview\/\">AnyMap<\/a>, as well as what else is in our nearest plans.<\/p>\n<h3>AnyChart JS Charts 8.0.0: Modules, Custom Builds, and Much More<\/h3>\n<p>The\u00a08.0.0 release of the AnyChart, AnyGantt, AnyMap, and AnyStock JavaScript (HTML5) charting libraries\u00a0delivers a lot of brand new features and technical improvements. Please see the list below for a quick overview of what&#8217;s new.<\/p>\n<p><!--more--><\/p>\n<table style=\"border-spacing: 15px; border-collapse: separate;\">\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-system-in-library-anychart-.png\" alt=\"Modular JavaScript\u00a0System in AnyChart JS Charts 8.0.0\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>Modular JavaScript\u00a0System<\/strong><\/h5>\n<p>The core\u00a0general innovation of AnyChart 8 is a <a href=\"https:\/\/docs.anychart.com\/Quick_Start\/Modules\" target=\"_blank\" rel=\"nofollow\">modular system<\/a>. Connect only the features and chart types you really need\u00a0so\u00a0the JavaScript on your web page or in your app be much more lightweight. AnyChart 8 has a dedicated JavaScript builder and works seamlessly with Browserify, Webpack, and other bundling tools.<\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/custom-build-.png\" alt=\"Custom JS Builds\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>Custom JS Builds<\/strong><\/h5>\n<p>Compile the features and types of chart you need in a single JS file with the quick help of our own <a href=\"https:\/\/www.anychart.com\/download\/products\/#custom-build\">JS Builder<\/a>. AnyChart 8.0.0, now modular JavaScript charting solution offers <a href=\"https:\/\/docs.anychart.com\/Quick_Start\/Modules\" target=\"_blank\" rel=\"nofollow\">30 modules<\/a> along with <a href=\"https:\/\/cdn.anychart.com\/#themes\" target=\"_blank\" rel=\"nofollow\">16 chart design themes<\/a>. Your\u00a0<a href=\"https:\/\/docs.anychart.com\/Quick_Start\/Credits#license\" target=\"_blank\" rel=\"nofollow\">license key<\/a> can also be included in\u00a0a build.<\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/crosshair-in-javascript-charting-library-anystock-.png\" alt=\"Crosshair in Stock Charts in AnyChart JS Charts 8.0.0 (AnyStock JS)\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>Crosshair in Stock Charts<\/strong><\/h5>\n<p>Use the <a href=\"https:\/\/docs.anychart.com\/Stock_Charts\/Crosshair\" target=\"_blank\" rel=\"nofollow\">Crosshair tool<\/a> in charts powered by AnyStock to\u00a0display exact values in data points. In this way, you&#8217;ll facilitate the exploratory analysis of the\u00a0stock, financial, and any other date and\u00a0time-based data. Depending on your specific data visualization needs, you can choose float or sticky crosshairs available out of the box.<\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/current-price-indicator-in-javascript-charting-library-anystock-.png\" alt=\"Current Price Indicator in Stock Charts in AnyChart JS Charts 8.0.0 (AnyStock JS)\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>Current Price Indicator in Stock Charts<\/strong><\/h5>\n<p><a href=\"https:\/\/www.anychart.com\/products\/anystock\/gallery\/Stock_Technical_Indicators\/Current_Price_Indicator.php\">Highlight values for certain dates<\/a> with the help of the <a href=\"https:\/\/docs.anychart.com\/Stock_Charts\/Price_Indicator\" target=\"_blank\" rel=\"nofollow\">Current Price Indicator<\/a> that we&#8217;ve added to AnyStock. For example, you can use it as an exploratory tool to emphasize\u00a0the most important reference points, mark the current and (or) last available dates, and so on.<\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/3d-line-chart-type-in-javascript-charting-library-anychart-.png\" alt=\"3D Line Chart in Basic Charts in AnyChart JS Charts 8.0.0\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>3D Line Chart in Basic Charts<\/strong><\/h5>\n<p>Pick the <a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/3D_Line_Charts\/\">3D Line Chart<\/a> when you need it for the purposes of your data visualization. Now it&#8217;s <a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/3D\/Line_Chart\" target=\"_blank\" rel=\"nofollow\">added<\/a>\u00a0to multiple dozens of chart types available in our JavaScript charting libraries out of the box.<\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/node-server-.png\" alt=\"Node.js Server-side Rendering in AnyChart JS Charts 8.0.0\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>Node.js Server-side Rendering<\/strong><\/h5>\n<p>Make use of our lightweight <a href=\"https:\/\/report.anychart.com\/\" target=\"_blank\" rel=\"nofollow\">Node.js server<\/a> via <a href=\"https:\/\/github.com\/AnyChart\/Node.js-Report-Server#server-api\" target=\"_blank\" rel=\"nofollow\">API<\/a> to create\u00a0charts in\u00a0vector (PDF, SVG,\u00a0and PS) and bitmap (PNG, JPG,\u00a0and TIFF) formats, as well as reports in PDF, and raw data presentations in CSV and Excel&#8217;s XLSX. It runs seamlessly\u00a0on\u00a0Linux, macOS, Windows, and is easy to install and configure. Input data\u00a0is taken from XML and JSON configs and JS.\u00a0Our Node.js server is a perfect solution for building reporting systems sending charts and dashboards via email\u00a0as well as social network sharing tools.<\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/no-data-label-in-javascript-charting-library-anychart-.png\" alt=\"No Data Label Feature in AnyChart JS Charts 8.0.0\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>No Data Label Feature<\/strong><\/h5>\n<p><span style=\"font-weight: 400;\">Enable a <a href=\"https:\/\/docs.anychart.com\/Working_with_Data\/No_Data_Label\" target=\"_blank\" rel=\"nofollow\">No Data label<\/a>\u00a0(<a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/General_Features\/No_Data_Label_Feature.php\">demo<\/a>) informing that some data is not displayed: is missing from the beginning or was removed via the <a href=\"https:\/\/docs.anychart.com\/Working_with_Data\/Data_Manipulation\" target=\"_blank\" rel=\"nofollow\">Data Updating API<\/a>, <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/Interactivity#include_and_exclude_points\" target=\"_blank\" rel=\"nofollow\">Exclude Data Point feature<\/a>, or interactivity.<\/span><\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/data-points-size-in-javascript-charting-library-anychart-.png\" alt=\"Data Points Size Settings in Basic Charts in AnyChart JS Charts 8.0.0\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>Data Points Size Settings in Basic Charts<\/strong><\/h5>\n<p>Keep the <a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Common_Settings\/Point_Size\" target=\"_blank\" rel=\"nofollow\">size of data points<\/a> in basic charts under your absolute\u00a0control like in this <a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/General_Features\/Data_Points_Size_Settings.php\">chart sample<\/a>. Now you can\u00a0assign points a fixed size in the series added dynamically (<a href=\"https:\/\/api.anychart.com\/anychart.charts.Cartesian#pointWidth\" target=\"_blank\" rel=\"nofollow\">chart.pointWidth()<\/a>) and width when data is updated (<a href=\"https:\/\/api.anychart.com\/anychart.charts.Cartesian#maxPointWidth\" target=\"_blank\" rel=\"nofollow\">chart.maxPointWidth()<\/a>), as well as\u00a0make sure that even tiny values are not missed out (<a href=\"https:\/\/api.anychart.com\/anychart.charts.Cartesian#minPointLength\" target=\"_blank\" rel=\"nofollow\">chart.minPointLength()<\/a>).<\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/timeline-labels-settings-in-javascript-charting-library-anygantt-.png\" alt=\"Timeline Labels Settings in\u00a0Gantt Charts in AnyChart JS Charts 8.0.0 (AnyGantt JS)\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>Timeline Labels Settings in\u00a0Gantt Charts<\/strong><\/h5>\n<p>Enjoy the cutting-edge flexibility of the <a href=\"https:\/\/docs.anychart.com\/Gantt_Chart\/Timeline\" target=\"_blank\" rel=\"nofollow\">timeline text formatting<\/a> in AnyGantt.\u00a0In particular, we&#8217;ve added <a href=\"https:\/\/api.anychart.com\/anychart.core.ui.Timeline#baseLabels\" target=\"_blank\" rel=\"nofollow\">baseLabels()<\/a>, <a href=\"https:\/\/api.anychart.com\/anychart.core.ui.Timeline#baselineLabels\" target=\"_blank\" rel=\"nofollow\">baselineLabels()<\/a>, <a href=\"https:\/\/api.anychart.com\/anychart.core.ui.Timeline#parentLabels\" target=\"_blank\" rel=\"nofollow\">parentLabels()<\/a>, <a href=\"https:\/\/api.anychart.com\/anychart.core.ui.Timeline#milestoneLabels\" target=\"_blank\" rel=\"nofollow\">milestoneLabels()<\/a>, and <a href=\"https:\/\/api.anychart.com\/anychart.core.ui.Timeline#progressLabels\" target=\"_blank\" rel=\"nofollow\">progressLabels()<\/a> methods, as well as remastered the labels() method to make it helpful in setting the defaults for any label type. See the <a href=\"https:\/\/www.anychart.com\/products\/anygantt\/gallery\/Gantt_General_Features\/Styling_Labels.php\">Styling Labels<\/a> demo in the AnyGantt gallery.<\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/series-stacking-order-in-javascript-charting-library-anychart-.png\" alt=\"Series Stacking Order in\u00a0Basic Charts in AnyChart JS Charts 8.0.0\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>Series Stacking Order in\u00a0Basic Charts<\/strong><\/h5>\n<p><a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/Stacked\/Overview#order\" target=\"_blank\" rel=\"nofollow\">Arrange the series in Stacked Charts<\/a> in the order you need with the help of the <a href=\"https:\/\/api.anychart.com\/anychart.scales.Linear#stackDirection\" target=\"_blank\" rel=\"nofollow\">stackDirection()<\/a> method. This can help when you load data from a third-party source and\u00a0cannot control\u00a0the format of the input data.<\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/social-network-sharing-in-javascript-charting-library-anychart-.png\" alt=\"Chart Export Settings in AnyChart JS Charts 8.0.0\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>Chart Export Settings<\/strong><\/h5>\n<p>Configure the <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/Exports\" target=\"_blank\" rel=\"nofollow\">export settings<\/a>\u00a0(<a href=\"https:\/\/api.anychart.com\/anychart.charts.Cartesian#exports\" target=\"_blank\" rel=\"nofollow\">API reference<\/a>) for every certain chart you have, including descriptions and links for Facebook sharing, image exporting options, and others.<\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/save-as-exel-.jpg\" alt=\"CSV\/Excel Export Reworked in AnyChart JS Charts 8.0.0\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>CSV\/Excel Export Reworked<\/strong><\/h5>\n<p><span style=\"font-weight: 400;\">Get your <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/Exports#csv\" target=\"_blank\" rel=\"nofollow\">CSV and XSLX (Excel) data prepared<\/a> in an improved way as we&#8217;ve remastered this algorithm. Now you&#8217;ll be able to\u00a0load different series with multiple data sets and to be sure that the features specific to a particular chart type are taken into account.<\/span><\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/context-menu-.jpg\" alt=\"Context Menu Customization API in AnyChart JS Charts 8.0.0\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>Context Menu Customization API<\/strong><\/h5>\n<p><span style=\"font-weight: 400;\">Customize a <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/UI_Controls\/Context_Menu\" target=\"_blank\" rel=\"nofollow\">context menu<\/a> in a more streamlined way. Each item of the context menu is given an ID\u00a0that you can\u00a0refer to in order to modify the corresponding <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/UI_Controls\/Context_Menu#adjust_items\" target=\"_blank\" rel=\"nofollow\">settings and fields<\/a> and <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/UI_Controls\/Context_Menu#add_item\" target=\"_blank\" rel=\"nofollow\">add custom<\/a> ones when needed. Also, the <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/UI_Controls\/Context_Menu#localize_the_context_menu\" target=\"_blank\" rel=\"nofollow\">context menu localization<\/a> is now\u00a0available.<\/span><\/td>\n<\/tr>\n<tr>\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/migration-tool-.png\" alt=\"General API Improvements in AnyChart JS Charts 8.0.0\" width=\"158\" \/><\/td>\n<td>\n<h5><strong>General API Improvements<\/strong><\/h5>\n<p>Adjust <a href=\"https:\/\/docs.anychart.com\/Basic_Charts\/General_Settings#appearance_settings\" target=\"_blank\" rel=\"nofollow\">Appearance settings<\/a>, <a href=\"https:\/\/docs.anychart.com\/Axes_and_Grids\/Axis_Basics#grids\" target=\"_blank\" rel=\"nofollow\">Grids settings<\/a>, and <a href=\"https:\/\/docs.anychart.com\/Stock_Charts\/Data#mapping\" target=\"_blank\" rel=\"nofollow\">Data Mapping settings<\/a> even easier. The AnyChart API is now significantly improved and tailored to the 8th, modular JavaScript system based generation of AnyChart JS Charts. We&#8217;ve also created a <a href=\"https:\/\/migration.anychart.com\/\" target=\"_blank\" rel=\"nofollow\">Migration Tool<\/a> to simplify the <a href=\"https:\/\/github.com\/AnyChart\/anychart-v7-to-v8-migration-tool\" target=\"_blank\" rel=\"nofollow\">AnyChart 7 to AnyChart 8\u00a0upgrade<\/a> and make the transition semi-automatic for most of our users.<\/td>\n<\/tr>\n<p><!--\n\n\n<tr>\n\n\n<td><img decoding=\"async\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/chart-editor-gui-in-javascript-charting-library-anychart-.png\" alt=\"Chart Editor 2.0 in AnyChart JS Charts 8.0.0\" width=\"158\" \/><\/td>\n\n\n\n\n<td>\n\n\n<h5><strong>Chart Editor 2.0<\/strong><\/h5>\n\n\nVisualize data via the intuitive user interface of the AnyChart Chart Editor 2.0.\u00a0It will allow you to create interactive charts out of your data with very light integration efforts, leveraging 60+ chart types (including Geo Map, Stock Chart, Gantt Chart, and others), hundreds of visual setting options,\u00a0internal, external and predefined data handling, and flexible export settings. You can easily embed\u00a0the Chart Editor into a web service\u00a0or a desktop app based on a web view.<\/td>\n\n\n<\/tr>\n\n\n--><\/tbody>\n<\/table>\n<h3>Other Improvements in AnyChart JS Charts 8.0.0<\/h3>\n<p>You&#8217;ve seen that in addition to the modular JavaScript nature we introduced a lot of new charting features that make AnyChart even more powerful and robust in its new generation.\u00a0Of course, we&#8217;ve also made a number of minor improvements and bug fixes that are nonetheless very important.<\/p>\n<p>Check out the version history of\u00a0the JS charting library (or libraries) that you use to\u00a0read the information about all the relevant changes. For your convenience, here are the links to the <strong>version histories<\/strong>: <a href=\"https:\/\/www.anychart.com\/products\/anychart\/history\/\">AnyChart<\/a>, <a href=\"https:\/\/www.anychart.com\/products\/anystock\/history\/\">AnyStock<\/a>, <a href=\"https:\/\/www.anychart.com\/products\/anymap\/history\/\">AnyMap<\/a>, <a href=\"https:\/\/www.anychart.com\/products\/anygantt\/history\/\">AnyGantt<\/a>.<\/p>\n<h3>Expect AnyChart 8.1.0 in\u00a0December 2017<\/h3>\n<p>While the 8.0.0 release has brought multiple improvements and innovations to our JavaScript charting libraries, we already know how to make them even better. <strong>Version 8.1.0 is scheduled for December 2017<\/strong> and\u00a0will be the next awesome news for our <a href=\"https:\/\/www.anychart.com\/company\/customers\/\">customers<\/a>. In particular, we are going to roll out meaningful improvements to the Data API\u00a0which is common for all our components, as well as add\u00a0label annotations to basic and stock charts, event markers to stock charts, brand new timeline to Gantt charts, refined labels to pie charts, and further boost to the\u00a0<a href=\"https:\/\/www.anychart.com\/features\/#big-data\">big data charting performance<\/a>.<\/p>\n<p><strong>Meanwhile, please enjoy AnyChart JS Charts 8.0.0, a set of advanced, now modular JavaScript charting libraries!<\/strong><\/p>\n<p>If there is any new feature or chart type that you need for completing your data visualization tasks, feel free to\u00a0send a corresponding request to our <a href=\"https:\/\/www.anychart.com\/support\/\">Support Team<\/a> and there is a good chance that we will include it in our nearest plans. Here&#8217;re the links to our libraries&#8217; <strong>roadmaps<\/strong>, just in case:\u00a0<a href=\"https:\/\/www.anychart.com\/products\/anychart\/roadmap\/\">AnyChart<\/a>, <a href=\"https:\/\/www.anychart.com\/products\/anystock\/roadmap\/\">AnyStock<\/a>, <a href=\"https:\/\/www.anychart.com\/products\/anymap\/roadmap\/\">AnyMap<\/a>, <a href=\"https:\/\/www.anychart.com\/products\/anygantt\/roadmap\/\">AnyGantt<\/a>.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Fall is an amazing time for TV, movie, theater, and other art lovers as that&#8217;s when a lot of premieres are being launched. Well, we are happy to contribute to the debut mainstream this time! Meet AnyChart 8, a modular JavaScript charting system taking the convenience, performance, and customization\u00a0in the art of interactive data visualization [&hellip;]<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,16,66,18,7,19,17,23,13,3,20],"tags":[53,54,47,39,32,55,77,141,81,57,76,67,58,65,56,78,68,31,37],"class_list":["post-4637","post","type-post","status-publish","format-standard","hentry","category-anychart-charting-component","category-anygantt","category-anymap","category-anystock","category-dashboards","category-financial-charts","category-gantt-chart","category-html5","category-javascript","category-news","category-stock-charts","tag-anychart","tag-data-visualization","tag-financial-charts","tag-gantt-chart","tag-html5","tag-html5-charts","tag-html5-dashboards","tag-javascript-charting","tag-javascript-charting-library","tag-javascript-charts","tag-javascript-dashboards","tag-javascript-map","tag-js-chart","tag-js-charting","tag-js-charts","tag-js-dashboards","tag-js-maps","tag-news","tag-stock-charts","wpautop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Modular JavaScript Charting: AnyChart 8 Premiere<\/title>\n<meta name=\"description\" content=\"Meet AnyChart 8, a modular JavaScript charting system taking the convenience, performance, customization in interactive data visualization to the next level\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modular JavaScript Charting: AnyChart 8 Premiere\" \/>\n<meta property=\"og:description\" content=\"Meet AnyChart 8, a modular JavaScript charting system taking the convenience, performance, customization in interactive data visualization to the next level\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/\" \/>\n<meta property=\"og:site_name\" content=\"AnyChart News\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AnyCharts\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-02T05:13:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-10-09T10:58:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1299\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"AnyChart Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:site\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"AnyChart Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/\"},\"author\":{\"name\":\"AnyChart Team\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\"},\"headline\":\"Modular JavaScript Charting: AnyChart 8 Premiere\",\"datePublished\":\"2017-10-02T05:13:10+00:00\",\"dateModified\":\"2017-10-09T10:58:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/\"},\"wordCount\":1162,\"commentCount\":5,\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png\",\"keywords\":[\"AnyChart\",\"Data Visualization\",\"Financial charts\",\"Gantt Chart\",\"HTML5\",\"html5 charts\",\"html5 dashboards\",\"javascript charting\",\"JavaScript charting library\",\"javascript charts\",\"javascript dashboards\",\"javascript map\",\"js chart\",\"js charting\",\"js charts\",\"js dashboards\",\"js maps\",\"News\",\"Stock charts\"],\"articleSection\":[\"AnyChart Charting Component\",\"AnyGantt\",\"AnyMap\",\"AnyStock\",\"Dashboards\",\"Financial Charts\",\"Gantt Chart\",\"HTML5\",\"JavaScript\",\"News\",\"Stock Charts\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/\",\"url\":\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/\",\"name\":\"Modular JavaScript Charting: AnyChart 8 Premiere\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png\",\"datePublished\":\"2017-10-02T05:13:10+00:00\",\"dateModified\":\"2017-10-09T10:58:51+00:00\",\"author\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\"},\"description\":\"Meet AnyChart 8, a modular JavaScript charting system taking the convenience, performance, customization in interactive data visualization to the next level\",\"breadcrumb\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#primaryimage\",\"url\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png\",\"contentUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png\",\"width\":1299,\"height\":680},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.anychart.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modular JavaScript Charting: AnyChart 8 Premiere\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\",\"url\":\"https:\/\/www.anychart.com\/blog\/\",\"name\":\"AnyChart News\",\"description\":\"AnyChart JS Charts\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.anychart.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\",\"name\":\"AnyChart Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g\",\"caption\":\"AnyChart Team\"},\"sameAs\":[\"https:\/\/www.anychart.com\"],\"url\":\"https:\/\/www.anychart.com\/blog\/author\/andrey-khachaturov\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Modular JavaScript Charting: AnyChart 8 Premiere","description":"Meet AnyChart 8, a modular JavaScript charting system taking the convenience, performance, customization in interactive data visualization to the next level","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/","og_locale":"en_US","og_type":"article","og_title":"Modular JavaScript Charting: AnyChart 8 Premiere","og_description":"Meet AnyChart 8, a modular JavaScript charting system taking the convenience, performance, customization in interactive data visualization to the next level","og_url":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/","og_site_name":"AnyChart News","article_publisher":"https:\/\/www.facebook.com\/AnyCharts","article_published_time":"2017-10-02T05:13:10+00:00","article_modified_time":"2017-10-09T10:58:51+00:00","og_image":[{"width":1299,"height":680,"url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png","type":"image\/png"}],"author":"AnyChart Team","twitter_card":"summary_large_image","twitter_creator":"@AnyChart","twitter_site":"@AnyChart","twitter_misc":{"Written by":"AnyChart Team","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#article","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/"},"author":{"name":"AnyChart Team","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b"},"headline":"Modular JavaScript Charting: AnyChart 8 Premiere","datePublished":"2017-10-02T05:13:10+00:00","dateModified":"2017-10-09T10:58:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/"},"wordCount":1162,"commentCount":5,"image":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png","keywords":["AnyChart","Data Visualization","Financial charts","Gantt Chart","HTML5","html5 charts","html5 dashboards","javascript charting","JavaScript charting library","javascript charts","javascript dashboards","javascript map","js chart","js charting","js charts","js dashboards","js maps","News","Stock charts"],"articleSection":["AnyChart Charting Component","AnyGantt","AnyMap","AnyStock","Dashboards","Financial Charts","Gantt Chart","HTML5","JavaScript","News","Stock Charts"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/","url":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/","name":"Modular JavaScript Charting: AnyChart 8 Premiere","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#primaryimage"},"image":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png","datePublished":"2017-10-02T05:13:10+00:00","dateModified":"2017-10-09T10:58:51+00:00","author":{"@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b"},"description":"Meet AnyChart 8, a modular JavaScript charting system taking the convenience, performance, customization in interactive data visualization to the next level","breadcrumb":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#primaryimage","url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png","contentUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/modular-javascript-charting-with-new-anychart-8-libraries.png","width":1299,"height":680},{"@type":"BreadcrumbList","@id":"https:\/\/www.anychart.com\/blog\/2017\/10\/02\/modular-javascript-charting-anychart-8\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.anychart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Modular JavaScript Charting: AnyChart 8 Premiere"}]},{"@type":"WebSite","@id":"https:\/\/www.anychart.com\/blog\/#website","url":"https:\/\/www.anychart.com\/blog\/","name":"AnyChart News","description":"AnyChart JS Charts","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.anychart.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b","name":"AnyChart Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g","caption":"AnyChart Team"},"sameAs":["https:\/\/www.anychart.com"],"url":"https:\/\/www.anychart.com\/blog\/author\/andrey-khachaturov\/"}]}},"_links":{"self":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/4637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/comments?post=4637"}],"version-history":[{"count":52,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/4637\/revisions"}],"predecessor-version":[{"id":4804,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/4637\/revisions\/4804"}],"wp:attachment":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/media?parent=4637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/categories?post=4637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/tags?post=4637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}