{"id":5332,"date":"2015-02-16T08:56:46","date_gmt":"2015-02-16T08:56:46","guid":{"rendered":"http:\/\/www.highcharts.com\/blog\/?p=5332"},"modified":"2026-01-08T08:36:54","modified_gmt":"2026-01-08T08:36:54","slug":"151-announcing-highcharts-4-1","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/product-updates\/151-announcing-highcharts-4-1\/","title":{"rendered":"Announcing Highcharts 4.1"},"content":{"rendered":"<div class=\"intro\">\n<h4>TOGETHER WITH HIGHSTOCK 2.1 AND HIGHMAPS 1.1<\/h4>\n<p>We&#8217;re proud to present these new releases with more answers to popular requests. Treemaps, nights and weekend gaps for stock charts, plotting points by latitude and longitude, better mouse tracking, more robust handling of tick labels. These are only the major new features. In addition there are lots of minor improvements and bug fixes, all of which are listed in the <a href=\"https:\/\/www.highcharts.com\/documentation\/changelog\">changelog<\/a>.<\/p>\n<h2>NEWS<\/h2>\n<h4 id=\"treemap\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9948 alignleft\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112338\/treemap-169x128.png\" alt=\"treemap\" width=\"169\" height=\"128\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112338\/treemap-169x128.png 169w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112338\/treemap-30x23.png 30w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112338\/treemap-300x227.png 300w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112338\/treemap.png 328w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/>TREEMAP SERIES<\/h4>\n<p>The treemap series displays hierarchical data by using nested rectangles. Highcharts lets you define labels per treemap level, an optional drilling between levels. Four different mapping algorithms are available by default.<a href=\"https:\/\/www.highcharts.com\/docs\/chart-and-series-types\/treemap\">Read more<\/a>.<\/p>\n<h4 id=\"axis-breaks\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9947 alignright\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112337\/axis-breaks-169x128.png\" alt=\"axis-breaks\" width=\"169\" height=\"128\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112337\/axis-breaks-169x128.png 169w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112337\/axis-breaks-30x23.png 30w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112337\/axis-breaks-300x227.png 300w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112337\/axis-breaks.png 328w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/>AXIS BREAKS<\/h4>\n<p>Highstock 2.1 lets you create repeated breaks for predefined intervals on the time axis, as in the <a href=\"https:\/\/www.highcharts.com\/stock\/demo\/intraday-breaks\">break demo<\/a>. A typical scenario is to break the axis every night and weekend to reflect only the trading hours. The same feature is also available as a module in Highcharts and <a href=\"https:\/\/jsfiddle.net\/gh\/get\/jquery\/1.7.2\/highslide-software\/highcharts.com\/tree\/master\/samples\/highcharts\/axisbreak\/break-visualized\/\">for any axis<\/a>.<\/p>\n<h4 id=\"latlon\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9946 alignleft\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112336\/latlon-169x128.png\" alt=\"latlon\" width=\"169\" height=\"128\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112336\/latlon-169x128.png 169w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112336\/latlon-30x23.png 30w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112336\/latlon-300x227.png 300w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112336\/latlon.png 328w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/>LATITUDE AND LONGITUDE<\/h4>\n<p>Highmaps 1.1 lets you add map points by latitude and longitude. Our map collection is extended with translation features that not only translates positions within a single map. It also works for moved areas within the map, like Alaska and Hawaii on the typical US map. <a href=\"https:\/\/www.highcharts.com\/docs\/maps\/latlon\">Read more<\/a>.<\/p>\n<h4 id=\"axis-labels\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9945 alignright\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112335\/axis-labels-169x128.png\" alt=\"axis-labels\" width=\"169\" height=\"128\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112335\/axis-labels-169x128.png 169w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112335\/axis-labels-30x23.png 30w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112335\/axis-labels-300x227.png 300w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112335\/axis-labels.png 328w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/>AXIS LABEL POSITIONING<\/h4>\n<p>Highcharts 4.1 is smarter about default axis label positioning, especially on category axes, typically used on user supplied data. In the new version, labels get automatically rotated, then decimated to ensure no overlapping occurs on any display size. See the new <a href=\"http:\/\/api.highcharts.com\/highcharts#xAxis.labels.autoRotation\">autoRotation<\/a> option.<\/p>\n<h4 id=\"overlapping\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9944 alignleft\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112333\/overlapping-169x128.png\" alt=\"overlapping\" width=\"169\" height=\"128\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112333\/overlapping-169x128.png 169w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112333\/overlapping-30x23.png 30w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112333\/overlapping-300x227.png 300w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112333\/overlapping.png 328w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/>PREVENT OVERLAPPING DATA LABELS<\/h4>\n<p>Another improvement for user supplied data, Highcharts now removes overlapping data labels by default.<\/p>\n<\/div>\n<h4><\/h4>\n<p>&nbsp;<\/p>\n<div class=\"intro\">\n<h4 id=\"polygon-series\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9943 alignright\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112332\/polygon-series-169x128.png\" alt=\"polygon-series\" width=\"169\" height=\"128\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112332\/polygon-series-169x128.png 169w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112332\/polygon-series-30x23.png 30w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112332\/polygon-series-300x227.png 300w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112332\/polygon-series.png 328w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/>POLYGON SERIES<\/h4>\n<p>The new polygon series allows drawing freeform filled or stroked shapes in the cartesian plane. Which in turn opens up for custom series types, stacking, areas and more. Read more in the <a href=\"http:\/\/api.highcharts.com\/highcharts#plotOptions.polygon\">polygon API<\/a>.<\/p>\n<h4 id=\"k-d-tree\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9942 alignleft\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112331\/k-d-tree-169x128.png\" alt=\"k-d-tree\" width=\"169\" height=\"128\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112331\/k-d-tree-169x128.png 169w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112331\/k-d-tree-30x23.png 30w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112331\/k-d-tree-300x227.png 300w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112331\/k-d-tree.png 328w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/>BETTER TOOLTIP POSITION DETECTION<\/h4>\n<p>By implementing a <a href=\"http:\/\/en.wikipedia.org\/wiki\/K-d_tree\">k-d tree<\/a> search algorithm for mouse events, we ensured a faster, mobile friendly and more reliable tooltip for most series types. Especially for scatter series, users don&#8217;t have to touch or click exactly on the point to trigger a tooltip. On line charts, a touch anywhere in the plot area brings up the tooltip.<\/p>\n<h4 id=\"zones\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9941 alignright\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112329\/zones-169x128.png\" alt=\"zones\" width=\"169\" height=\"128\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112329\/zones-169x128.png 169w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112329\/zones-30x23.png 30w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112329\/zones-300x227.png 300w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2015\/02\/05112329\/zones.png 328w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/>ZONES<\/h4>\n<p>Zones allow\u00a0you to add different color bands, dash styles and other features to predefined parts of the data series. <a href=\"https:\/\/www.highcharts.com\/docs\/chart-concepts\/series#zones\">Read more<\/a>.<\/p>\n<\/div>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re proud to launch new version of Highcharts, Highstock, and Highmaps that include powerful features and capabilities.<\/p>\n","protected":false},"author":22,"featured_media":9940,"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":[712],"class_list":["post-5332","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\/5332","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\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=5332"}],"version-history":[{"count":1,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/5332\/revisions"}],"predecessor-version":[{"id":29026,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/5332\/revisions\/29026"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/9940"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=5332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=5332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=5332"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=5332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}