{"id":22228,"date":"2022-03-09T12:32:16","date_gmt":"2022-03-09T12:32:16","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?p=22228"},"modified":"2026-01-13T11:24:10","modified_gmt":"2026-01-13T11:24:10","slug":"highcharts-version-10-0","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/product-updates\/highcharts-version-10-0\/","title":{"rendered":"Highcharts Version 10.0"},"content":{"rendered":"<p>We are happy to announce the new release of Highcharts 10.0. Here is the list of the major features and minor additions (check the <a href=\"https:\/\/www.highcharts.com\/blog\/changelog\/\" target=\"_blank\" rel=\"noopener\">Highcharts changelog<\/a> for more details):<\/p>\n<p><b>Major features<\/b><\/p>\n<ol>\n<li>New arc diagram series type<\/li>\n<li>Breadcrumbs functionality<\/li>\n<li>TopoJSON and improved projection features for maps<\/li>\n<li>Align thresholds feature<\/li>\n<\/ol>\n<p><b>Other features<\/b><\/p>\n<ol>\n<li>Allow disabling of AST filtering<\/li>\n<li>Retina support for boosted charts<\/li>\n<li>Areaslpine series with boost module support<\/li>\n<\/ol>\n<h2>Major features<\/h2>\n<h3>1. Arc diagram<\/h3>\n<p>Now you can highlight clusters displaying relationships and strength between different nodes thanks to the Highcharts arc diagram. An arc diagram is similar to the existing <a href=\"https:\/\/www.highcharts.com\/demo\/dependency-wheel\" target=\"_blank\" rel=\"noopener\">dependency wheel<\/a>, but with a linear layout. As any Highcharts series type, the Highcharts arc diagram is supported with thorough documentation and plenty of demos:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/series-arcdiagram\/marker-symbol\" target=\"_blank\" rel=\"noopener\">Arc diagram demo<\/a><\/li>\n<li><a href=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/series-arcdiagram\/inverted\" target=\"_blank\" rel=\"noopener\">Arc diagram inverted demo<\/a><\/li>\n<li><a href=\"https:\/\/api.highcharts.com\/highcharts\/plotOptions.arcdiagram\" target=\"_blank\" rel=\"noopener\">Arc diagram API reference<\/a><\/li>\n<\/ul>\n<p class=\"demo-container\"><iframe style=\"width: 100%; height: 450px; border: none;\" title=\"An arc chart with the main train connections in Europe\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/demo\/arc-diagram\" height=\"490\"><\/iframe><\/p>\n<h3>2. Breadcrumbs functionality<\/h3>\n<p>Breadcrumbs replace the drill-up and traverse-up buttons. Breadcrumbs makes it easier for you to see what level you are looking at, and to find your way back to previous levels. You can use the breadcrumbs functionality for drill-down charts as well as hierarchical series such as treemaps and sunburst. Check out more about the <a href=\"https:\/\/api.highcharts.com\/highcharts\/drilldown.breadcrumbs\" target=\"_blank\" rel=\"noopener\">breadcrumbs&#8217; functionality<\/a>.<\/p>\n<p><i>Click on any column below to see the breadcrumbs functionality.<\/i><\/p>\n<p class=\"demo-container\"><iframe style=\"width: 100%; height: 450px; border: none;\" title=\"A bar chart with TopoJSON capability\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/drilldown\/basic\" height=\"450\"><\/iframe><\/p>\n<h3>3. TopoJSON capability<\/h3>\n<p>TopoJSON is now the preferred map source in Highcharts Maps, with support for client side projection and the capability to combine multiple maps. Maps can even be arranged with multiple projections with insets.<\/p>\n<p>To learn more about TopoJSON capabilities, feel free to read <a href=\"https:\/\/www.highcharts.com\/blog\/tutorials\/highcharts-now-prefers-topojson-maps\/\" target=\"_blank\" rel=\"noopener\">Highcharts now prefers TopoJSON maps<\/a>.<\/p>\n<p class=\"demo-container\"><iframe style=\"width: 100%; height: 560px; border: none;\" title=\"An European map with support for client side projection and the capability to combine multiple maps\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/maps\/mapview\/insetoptions-border\" height=\"550\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3>4. Align thresholds feature<\/h3>\n<p>The new <em>align thresholds<\/em> feature allows you to align the charts\u2019 threshold with multiple axes.<\/p>\n<p>Learn more about <a href=\"https:\/\/api.highcharts.com\/highcharts\/chart.alignThresholds\" target=\"_blank\" rel=\"noopener\">how to use align thresholds<\/a>.<\/p>\n<p class=\"demo-container\"><iframe style=\"width: 100%; height: 490px; border: none;\" title=\"A bar chart displays the capability to align the charts threshold with multiple axes\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/chart\/alignthresholds\" height=\"466\"><\/iframe><\/p>\n<h2><\/h2>\n<h2>Other features<\/h2>\n<h3>1. Allow disabling of AST filtering<\/h3>\n<p>If you prefer handling your own DOM XSS filtering; the <a href=\"https:\/\/api.highcharts.com\/class-reference\/Highcharts.AST#.bypassHTMLFiltering\">bypassHTMLFiltering<\/a> flag allows you to pass any input HTML directly to the chart.<\/p>\n<p>&nbsp;<\/p>\n<h3>2. Retina support for boosted charts<\/h3>\n<p>The new boost pixel ratio\u00a0feature enhances the boost module to ensure razor sharp graphics on Retina displays. Read more about the <a href=\"https:\/\/api.highcharts.com\/highcharts\/boost.pixelRatio\" target=\"_blank\" rel=\"noopener\">boost pixel ratio feature<\/a>.<\/p>\n<p class=\"demo-container\"><iframe style=\"width: 100%; height: 490px; border: none;\" title=\"A line chart with the boost module capability to manage the retina and device pixel ratio\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/boost\/line-devicepixelratio\" height=\"450\"><\/iframe><\/p>\n<h3>3. Areaspline series with boost module support<\/h3>\n<p>The areaspline chart type is now enabled to handle a considerable amount of data thanks to the boost module support.<\/p>\n<p class=\"demo-container\"><iframe style=\"width: 100%; height: 490px; border: none;\" title=\"An areaspline chart with the boost module support\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/boost\/areaspline\" height=\"450\"><\/iframe><\/p>\n<hr \/>\n<div class=\"text-center mb6\"><a class=\"btn btn-primary\" href=\"https:\/\/shop.highsoft.com\" target=\"_blank\" rel=\"noopener\">Buy Highcharts 10.0<\/a><br \/>\n<a class=\"btn btn-secondary\" href=\"\/download\" target=\"_blank\" rel=\"noopener\">Download Highcharts 10.0*<\/a><\/div>\n<div class=\"text-center\">\n<p><em>*You can only upgrade to Highcharts 10.0 for free if you have an <strong>active Highcharts Advantage<\/strong>, or you&#8217;re using Highcharts for a personal website, a school website or a non-profit organization.<\/em><\/p>\n<p><em><strong>What is Highcharts advantage?<\/strong><br \/>\nAdvantage gives you access to all new software releases (minor and major) and our extended support offering for the duration of your Advantage term.<\/em><\/p>\n<p><em>If you need to renew your inactive Advantage or have related questions, please contact our <a href=\"https:\/\/shop.highcharts.com\/contact\" target=\"_blank\" rel=\"noopener\">sales team<\/a>.<\/em><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>We are happy to announce the new release of Highcharts 10.0. Here is the list of the major features and minor additions (check the Highcharts changelog for more details): Major features New arc diagram series type Breadcrumbs functionality TopoJSON and improved projection features for maps Align thresholds feature Other features Allow disabling of AST filtering [&hellip;]<\/p>\n","protected":false},"author":32,"featured_media":22340,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[1103],"tags":[1094],"coauthors":[699],"class_list":["post-22228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates","tag-highcharts-core"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/22228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=22228"}],"version-history":[{"count":1,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/22228\/revisions"}],"predecessor-version":[{"id":29364,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/22228\/revisions\/29364"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/22340"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=22228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=22228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=22228"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=22228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}