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