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.

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

Replaced types

Old TypeReplaced By

PinchType

Dimension

ZoomType

Dimension

Dropped types

TypeUsed In

Handles

Navigator.handles

Dropped properties

TypeProperties

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".

Properties with new types

PropertyNew Type

ZAxis.title

AxisTitle

ZAxis.type

AxisType

ColumnOptions.zoneAxis

ZoneAxis

Label.textAlign

TextAlign

ChartModel.panKey

PanKey

Exporting.type

ExportingFileType

Background.shape

BackgroundShape