> Markdown version of [Charts 6 Breaking Changes](https://vaadin.com/docs/v10/charts/java-api/charts-breaking-changes-in-version-6). Section index: [llms.txt](https://vaadin.com/docs/v10/charts/llms.txt)

# <a id="charts.charttypes"></a>Breaking Changes in Version 6

Vaadin Charts 6 comes with some good enhancements, most notably: CSS styling. This necessitated removal of many Java style configuration API among other changes.

## <a id="summary"></a>Summary

- Upgraded to HighCharts 5

- Styling is now primarily done with CSS

- Dropped "size with units" sizing properties in favor of strings to take full advantage of browser capabilities

- ZAxis is now a subclass of Axis

- Getting PlotOptionsSeries no longer automatically creates a new instance

- Gradient is no longer supported

- Plot background image is no longer supported

- SVG Generator is no longer supported

## <a id="replaced-types"></a>Replaced types

| Old Type  | Replaced By |
| --------- | ----------- |
| PinchType | Dimension   |
| ZoomType  | Dimension   |

## <a id="dropped-types"></a>Dropped types

| Type    | Used In           |
| ------- | ----------------- |
| Handles | Navigator.handles |

## <a id="dropped-properties"></a>Dropped properties

| Type                                | Properties                                                                                                   |
| ----------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| AbstractDataLabels (and subclasses) | backgroundColor, borderColor, borderRadius, borderWidth, color, reservedSpace, style                         |
| AreaOptions (and subclasses)        | color, dashStyle, lineColor, lineWidth, negativeColor                                                        |
| Axis (and subclasses)               | gridLineColor, gridLineWidth, minorGridLineColor, minorGridLineWidth, tickColor                              |
| AxisTitle                           | reserveSpace                                                                                                 |
| AxisStyle                           | tickWidth, tickColor, gridLineColor, gridLineWidth                                                           |
| Background                          | backgroundColor, borderColor, borderWidth                                                                    |
| ChartModel                          | backgroundColor, borderColor, plotBackgroundColor, plotBackgroundImage, plotBorderColor, selectionMarkerFill |
| ChartStyle                          | backgroundColor, plotBackgroundColor, plotBorderWidth, plotBorderColor, borderWidth, borderColor             |
| ColumnOptions (and subclasses)      | color                                                                                                        |
| ContextButton                       | symbolFill, symbolSize, symbolStroke, symbolStrokeWidth                                                      |
| Credits                             | style                                                                                                        |
| GaugeOptions (and subclasses)       | zoneAxis, zones                                                                                              |
| Global                              | canvasToolsURL                                                                                               |
| Hover                               | lineWidth, lineWidthPlus, fillColor, lineColor                                                               |
| Labels                              | style                                                                                                        |
| Legend                              | backgroundColor, borderColor, borderWidth, itemHiddenStyle, itemHoverStyle, itemStyle                        |
| LegendNavigation                    | activeColor, inactiveColor, style                                                                            |
| LegendTitle                         | style                                                                                                        |
| Loading                             | labelStyle, style                                                                                            |
| Marker                              | fillColor, lineColor, lineWidth                                                                              |
| Navigation                          | menuItemHoverStyle, menuItemStyle, menuStyle                                                                 |
| Navigator                           | handles, maskFill, outlineColor, outlineWidth                                                                |
| NoData                              | style                                                                                                        |
| OhlcOptions (and subclasses)        | color,lineWidth                                                                                              |
| PlotOptionsBoxplot                  | color, lineWidth, negativeColor                                                                              |
| PlotOptionsBubble                   | color, dashStyle, lineWidth, negativeColor                                                                   |
| PlotOptionsCandlestick              | lineColor                                                                                                    |
| PlotOptionsFlags                    | color, lineColor, lineWidth                                                                                  |
| PlotOptionsPolygon                  | color, dashStyle, lineWidth, negativeColor                                                                   |
| PlotOptionsSeries                   | color, dashStyle, lineWidth, negativeColor                                                                   |
| PlotOptionsTreemap                  | color                                                                                                        |
| PlotOptionsWaterfall                | dashStyle, lineColor                                                                                         |
| PointOptions (and subclasses)       | color, dashStyle, lineWidth, negativeColor                                                                   |
| PyramidOptions (and subclasses)     | heightUnit, widthUnit                                                                                        |
| RangeSelector                       | buttonTheme, inputStyle, labelStyle                                                                          |
| Select                              | fillColor, lineColor, lineWidth                                                                              |
| StackLabels                         | style                                                                                                        |
| Subtitle                            | style                                                                                                        |
| Title                               | style                                                                                                        |

More information about Charts styling can be obtained in ["CSS Styling"](https://vaadin.com/docs/v10/charts/java-api/css-styling.md#css.styling).

## <a id="properties-with-new-types"></a>Properties with new types

| Property               | New Type          |
| ---------------------- | ----------------- |
| ZAxis.title            | AxisTitle         |
| ZAxis.type             | AxisType          |
| ColumnOptions.zoneAxis | ZoneAxis          |
| Label.textAlign        | TextAlign         |
| ChartModel.panKey      | PanKey            |
| Exporting.type         | ExportingFileType |
| Background.shape       | BackgroundShape   |