{"id":27126,"date":"2025-09-09T14:13:36","date_gmt":"2025-09-09T14:13:36","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?p=27126"},"modified":"2026-01-13T12:04:48","modified_gmt":"2026-01-13T12:04:48","slug":"highcharts-12-4","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/product-updates\/highcharts-12-4\/","title":{"rendered":"Highcharts 12.4"},"content":{"rendered":"<p>We\u2019ve just released Highcharts v12.4, and it packs a few upgrades that make charts easier to configure, exports more visually consistent and boosted series more colorful.<\/p>\n<p>Here\u2019s what\u2019s new:<\/p>\n<h2><b>Histograms and bell curves now easier to use<\/b><\/h2>\n<p>Prior to Highcharts 12.4, the <code>histogram<\/code> and <code>bellcurve<\/code> series types depended on accompanying series for their data. With our latest release, you can now pass an array of numbers directly to these series types, making configuration easier. <a href=\"https:\/\/www.highcharts.com\/demo\/highcharts\/bellcurve\">View full demo.<\/a><\/p>\n<p><iframe style=\"width: 100%;\" title=\"Bell curve - Standard deviation\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/chartchooser\/continuous-distribution-bell-curve-standard-deviation\" height=\"466\" frameborder=\"no\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2><\/h2>\n<h2><b>Take your web fonts with you<\/b><\/h2>\n<p>If you\u2019ve ever exported an image of a chart that uses web fonts and thought, \u201cWhy does this look weird?\u201d, this update is for you. With Highcharts 12.4, web fonts are now inlined when exporting charts to images. That means your exported visuals maintain your web font choices.<\/p>\n<p><iframe style=\"width: 100%;\" title=\"Web Font demo\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/exporting\/webfonts\" height=\"466\" frameborder=\"no\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2><\/h2>\n<h2><b>More Visual Continuity for Polar Bars and Radial Gauge Segments<\/b><\/h2>\n<p>If you\u2019ve worked with polar bar charts or radial gauge segments, you might have noticed that the ends of adjacent bars didn\u2019t quite match up. Instead of forming a continuous ring, they looked more like a row of jellybeans.<\/p>\n<figure id=\"attachment_27137\" aria-describedby=\"caption-attachment-27137\" style=\"width: 440px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-27137 size-medium\" style=\"border-radius: 8px 8px 0 0; border: 1px solid #E3E3E8;\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/09\/09133922\/old-radial-bars-440x440.jpg\" alt=\"An image showing a close up of a polar bar chart where the bar ends do not align because of individual border radii\" width=\"440\" height=\"440\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/09\/09133922\/old-radial-bars-440x440.jpg 440w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/09\/09133922\/old-radial-bars-590x590.jpg 590w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/09\/09133922\/old-radial-bars-768x768.jpg 768w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/09\/09133922\/old-radial-bars-147x147.jpg 147w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/09\/09133922\/old-radial-bars.jpg 900w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><figcaption id=\"caption-attachment-27137\" class=\"wp-caption-text\"><span style=\"line-height: 1.2em; font-size: 0.8em; background-color: #e3e3e8; display: block; padding: 2px 8px; border-radius: 0 0 8px 8px;\">A close up of a polar bar chart where the bar ends do not align because of individual border radii<\/span><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>With Highcharts 12.4, we\u2019ve introduced more granular control over border radii in polar charts and radial gauges, so adjacent segments now align cleanly by default. <a href=\"https:\/\/www.highcharts.com\/demo\/highcharts\/polar-radial-bar\">View full demo.<\/a><\/p>\n<p><iframe style=\"width: 100%;\" title=\"Polar Bar Chart Demo\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/demo\/polar-radial-bar\" height=\"709.13330078125\" frameborder=\"no\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><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<h2><\/h2>\n<h2><b>Boost Module Fixes and Features<\/b><\/h2>\n<p>With Highcharts 12.4, we\u2019ve made it possible to use <code>colorByPoint<\/code> with a boosted series and fixed the boosted point halo.<\/p>\n<p><iframe style=\"width: 100%;\" title=\"Web Font demo\" src=\"https:\/\/www.highcharts.com\/samples\/embed\/highcharts\/blog\/boost-color-by-point\" height=\"466\" frameborder=\"no\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2><\/h2>\n<h2><b>Conclusion<\/b><\/h2>\n<p>For additional bug fixes, take a look at the <a href=\"https:\/\/www.highcharts.com\/changelog\/\">changelog<\/a> and be sure to check out our <a href=\"https:\/\/www.highcharts.com\/demo\">updated demos<\/a> on our demo pages.<\/p>\n<p>As always, if you hit a snag or have ideas for new features, <a href=\"https:\/\/github.com\/highcharts\/highcharts\/issues\" target=\"_blank\" rel=\"noopener\">let us know<\/a>.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Find out what&#8217;s new in Highcharts 12.4<\/p>\n","protected":false},"author":250,"featured_media":27152,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[1103],"tags":[1063,1094,1031],"coauthors":[786],"class_list":["post-27126","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates","tag-data-visualization","tag-highcharts-core","tag-javascript"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/27126","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\/250"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=27126"}],"version-history":[{"count":2,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/27126\/revisions"}],"predecessor-version":[{"id":27203,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/27126\/revisions\/27203"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/27152"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=27126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=27126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=27126"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=27126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}