Released: Nov 27, 2024

Actualizaciones en v12.0.0

Características

• Refactored the Series class to organize its data in a DataTable instead of parallel arrays. Removed the internal Series properties xData, yData, processedXData and processedYData, as well as some additional series-specific data arrays, in favor of Series.dataTable.
• Added support for data.x values as date strings. These can now be defined for example as '2024-10-03' as a more human readable alternative to timestamps.
• Also allowed date string in other options referring to x values, like xAxis.min, xAxis.max, series.pointStart, plotLines.value, Gantt series start and end, Axis.setExtremes() etc.
• Refactored all internal time zone handling with functions powered by Intl.DateTimeFormat.
• Added new option, lang.locale, to determine in what language dates are rendered.
• Added support for locale-aware date formatting through the Intl.DateTimeFormat browser API. Changed all default datetime format strings to locale-aware formats.
• Added ucfirst template helper function to allow upper case first in strings.
• Added support for string parameters in template helper functions.
• Added support for textOverflow: 'ellipsis' with texts and labels spanning multiple lines, as well as the lineClamp CSS property. This allows better control over the layout of axis labels and data labels.
• Changed the default chart font-family to better match system fonts and improve legibility.
• Changed the default build system to webpack, allowing for tree shaking in the build process and smaller builds.
• Improved default alignment of title, subtitle and the context menu button. Added new option, title.minScale.
• Added option legendColor to set legend symbol color as distinct from series color, see #21776.
• Added tweening support for 4 and 8 digit hex colors.
• Use Point instances as context for tooltip and data label formatters and formats.
• Added support for individual whisker length for box plots and error bars. See #21648.

Correcciones

• Fixed: templating did not correctly parse sub expressions inside nested if conditions.
• Fixed: graphs were clipped at the left side when zooming on a series containing zones, and the x-axis was of type category.
• Fixed: centerInCategory did not work with multiple stacks.
• Changed default exporting.url to a more stable server, dedicated to SVG export only.
• Fixed: word wrap failed for SVG when a word with markup fell at the breaking point.
• Fixed: pie data label was cut off in some cases when rendered at the bottom of the pie. Altered positioning logic by letting labels gravitate towards the sides when there is space available, which also leaves room for the pie to render larger in limited space.
• Fixed: accessibility focus border was incorrectly positioned in some edge cases.
• Fixed: a regression causing the Boost module to fail with treemap series.
• Fixed: scrollablePlotAreawas not supporting parallelCoordinates.
• Fixed: tooltip with outside did not receive css themes assigned to container.
• Fixed: custom sizes in marker states did not work.
• Fixed: corrections for ie11 compatibility fix.
• Fixed: pointer events were called on points outside of plot area with scrollablePlotAreaenabled.
• Fixed: a regression causing elements to disappear when zooming on an X-range chart.
• Fixed: columns were crisped to full pixel width even when the crispoption was explicitly false.
• Fixed: errors in Chrome when modifying chart before printing the page.
• Fixed: click event was fired on drag for multiple charts.
• Fixed: tick values were padded onto user-defined category axes.
• Fixed: changes to options3dalpha and beta were not applied to pie body.
• Fixed: mouseover point event broke drilldown.
• Fixed: allow values from nested properties in exported data.

Upgrade Notes:

• When importing Highcharts as a node module, additional modules no longer require initialization. Previously modules would be first imported, then initialized:
  // Imports for Highcharts v11
  import * as Highcharts from 'highcharts';
  import addAccessibility from 'highcharts/modules/accessibility';
  
  addAccessibility(Highcharts); // <== This no longer works!
  
   - Since v12, the module will not return a factory function, so above code will cause an error. Instead, import it like this:
  
  // Imports for Highcharts v12
  import * as Highcharts from 'highcharts';
  import 'highcharts/modules/accessibility';
   
• All date and time strings are now by default rendered in the web page's default language as set in the html.lang attribute, or falls back to the browser default. Setting lang.locale to en-GBwill restore the labels approximately as they were prior to v12. For exact backwards compatibility, set all the time format options (xAxis.dateTimeLabelFormats, tooltip.dateTimeLabelFormats etc) back to their v11 defaults in addition.
• The time.getTimezoneOffset function callback no longer works. Instead, use the timezone option.
• All time-related options in the global group were removed. Use the time options instead.
• The data handling of the Series class has been rewritten to use the DataTable class directly. As a consequence, the parallel arrays storing the series data are removed, and replaced by Series.getColumn().
  • Series.xData is replaced by Series.getColumn('x')
  • Series.yData is replaced by Series.getColumn('y')
  • Series.processedXData is replaced by Series.getColumn('x', true)
  • Series.processedYData is replaced by Series.getColumn('y', true)
• The "Download PDF" menu item was removed from the default exporting menu, in preparation for a future update where exporting is done on the client side by default. The future update will require PDF download to either run via the export server like before, or to load a third party script. To re-enable the PDF download in the menu, add downloadPDF in the contextButton.menuItems.
• The HighchartModuleLoaded window event is no longer supported as we moved to webpack builds with tree shaking capabilites. Instead, extensions must rely on events and wrapped methods.
• The title.widthAdjust option is removed. Instead, use contextButton.buttonSpacing to make space for non-default context button.
• Titles and subtitles now have adaptive alignment. To revert to the pre-v12 defaults, set title.align and subtitle.align to center, and title.minScale to 1.
• The Point instances are now used as context for tooltip and data label formatters and format strings, instead of an abstract context object. In most cases this will cause no changes as the properties of the context object are now moved to the Point itself, but some changes may occur. Specifically the {point.x} key for points on a category axes will no longer return the category name. Instead, use {category}.