{"id":23858,"date":"2023-06-08T06:36:36","date_gmt":"2023-06-08T06:36:36","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?p=23858"},"modified":"2026-01-13T11:34:27","modified_gmt":"2026-01-13T11:34:27","slug":"highcharts-version-11-1","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/product-updates\/highcharts-version-11-1\/","title":{"rendered":"Highcharts Version 11.1"},"content":{"rendered":"<p>We are excited to announce the release of <b>Highcharts version 11.1<\/b>, packed with fantastic new features:<\/p>\n<ul>\n<li>Tiled web maps<\/li>\n<li>Heatmap interpolation<\/li>\n<li>Mouse wheel zooming<\/li>\n<li>Logic in string formats<\/li>\n<li>Chart.getOptions<\/li>\n<\/ul>\n<p>Let&#8217;s dive into what&#8217;s new and how it can enhance your data visualization experience.<\/p>\n<h2>Tiled web maps<\/h2>\n<p>One of the standout features in Highcharts 11.1 is the support for tiled web maps. Now, you can effortlessly incorporate map layers with tiles from popular providers like Open Street Maps, Esri, USGS, and even custom providers. You can create stunning and interactive maps by combining map shapes, lines, areas, tooltips, and other familiar Highcharts features. Check out the <a href=\"https:\/\/www.highcharts.com\/docs\/maps\/tiledwebmap\" target=\"_blank\" rel=\"noopener\">tiled web maps documentation<\/a> to learn more.<\/p>\n<p class=\"demo-container\"><iframe loading=\"lazy\" style=\"border: none;\" title=\"A map of Oslo (the capital of Norway) displays locations of museums, parks, great buildings and restaurants, using highcharts, tiled web map\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/maps\/demo\/twm-oslo-attractions\" width=\"100%\" height=\"550px\"><\/iframe><\/p>\n<h2>Heatmap interpolation<\/h2>\n<p>Visualize data with precision thanks to the new heatmap interpolation option. Now, the Highcharts Maps library allows you to display smooth heatmaps of various data sets. Whether you want to represent website areas of interest, temperature fluctuations, or any other spatially distributed data, Highcharts&#8217; interpolation capability has got you covered. Stay tuned for upcoming updates extending this feature to geo heatmaps, allowing you to visualize geographical distributions like never before. Learn more about how you can use <a href=\"https:\/\/www.highcharts.com\/docs\/chart-and-series-types\/heatmap\" target=\"_blank\" rel=\"noopener\">Highcharts Maps heatmap interpolation<\/a>.<\/p>\n<p class=\"demo-container\"><iframe loading=\"lazy\" style=\"border: none;\" title=\"A chart using interpolated heatmap technique to display user activity on a webpage.\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/demo\/heatmap-interpolation\" width=\"100%\" height=\"600px\"><\/iframe><\/p>\n<h2>Mouse wheel zooming<\/h2>\n<p style=\"text-align: left;\">Mouse wheel zooming has always been part of Highcharts Maps, now we&#8217;re bringing the same convenience to other charts too. The <a href=\"https:\/\/api.highcharts.com\/highcharts\/chart.zooming.mouseWheel\" target=\"_blank\" rel=\"noopener\">mouse wheel zooming<\/a> is implemented by default for Highcharts Stock charts, and you can easily incorporate this functionality into other charts by including the <a href=\"https:\/\/code.highcharts.com\/modules\/mouse-wheel-zoom.js\" target=\"_blank\" rel=\"noopener\">mouse wheel zoom<\/a> module.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-23791 aligncenter\" src=\"https:\/\/wp-assets.highcharts.com\/svg\/mousewheelzooming.gif\" alt=\"A gif to show the new mouse wheel zooming effect on Highcharts line chart\" width=\"560\" height=\"280\" \/><\/p>\n<h2>Logic in string formats<\/h2>\n<p><a href=\"https:\/\/www.highcharts.com\/docs\/chart-concepts\/labels-and-string-formatting#format-strings\" target=\"_blank\" rel=\"noopener\">Format strings<\/a> now support simple logic like <code>#if<\/code> and <code>#each<\/code>, through templating syntax inspired by Handlebars and Mustache. With this enhancement, you can reduce the reliance on formatter callbacks in your chart configurations. Enjoy benefits such as JSON-compatible configurations that seamlessly integrate with other programming languages, complete XSS safety, and compatibility with our featured export server. Read more in the <a href=\"https:\/\/www.highcharts.com\/docs\/chart-concepts\/templating\" target=\"_blank\" rel=\"noopener\">documentation article for templating<\/a>.<\/p>\n<pre>  tooltip: {\r\n    format: 'Information {#eq point.x 0}{point.y}{\/eq}'\r\n  },<\/pre>\n<h2>Chart.getOptions<\/h2>\n<p>Some internal refactoring also allowed us to provide a general <a href=\"https:\/\/api.highcharts.com\/class-reference\/Highcharts.Chart#getOptions\" target=\"_blank\" rel=\"noopener\">Chart.getOptions()<\/a> function. The function returns the currently applied options, stripped of default options to keep the weight down. It also considers changes made to the chart through updates, adding and removing series or axes, etc. Read more about <a href=\"https:\/\/api.highcharts.com\/class-reference\/Highcharts.Chart#getOptions\" target=\"_blank\" rel=\"noopener\">Chart.getOptions()<\/a>.<\/p>\n<p class=\"demo-container\"><iframe loading=\"lazy\" style=\"border: none;\" title=\"A column charts displaying random data to show how the Chart.getOptions works\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/members\/chart-getoptions\" width=\"100%\" height=\"660px\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are excited to announce the release of Highcharts version 11.1, packed with fantastic new features: Tiled web maps Heatmap interpolation Mouse wheel zooming Logic in string formats Chart.getOptions Let&#8217;s dive into what&#8217;s new and how it can enhance your data visualization experience. Tiled web maps One of the standout features in Highcharts 11.1 is [&hellip;]<\/p>\n","protected":false},"author":49,"featured_media":23881,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[1103],"tags":[1094,876,883],"coauthors":[734],"class_list":["post-23858","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates","tag-highcharts-core","tag-highcharts-maps","tag-highcharts-stock"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/23858","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\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=23858"}],"version-history":[{"count":1,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/23858\/revisions"}],"predecessor-version":[{"id":29388,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/23858\/revisions\/29388"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/23881"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=23858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=23858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=23858"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=23858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}