19.2 Sprint 2

New Features

• Data Visualization

  • The new aggregateByCategory option allows you to aggregate series points for the same category (demo).
  • Charts with logarithmic axis can now visualize negative values (demo).
  • The new annotations[].template option helps you to create custom annotations with the desired content inside (demo).
  • The new pie chart's centerTemplate option places your custom SVG markup inside a donut chart (demo).
  • The new legend.markerTemplate option provides the capability to customize legend markers (demo).
  • The new panes.height option controls the size of chart panes (demo).
  • We added two new methods (convertToGeo and convertToXY) for the VectorMap Coordinate Translation.

• Diagram

  • New image shapes (cardWithImageOnLeft, cardWithImageOnTop and cardWithImageOnRight) allow you to associate a predefined or custom image with a shape (demo).
  • New shape containers (verticalContainer, horizontalContainer) allow you to combine other shapes within a "container" which can be expanded or collapsed with the new expanded option of a shape (demo).
  • Now you can bind all shape properties to a data source with new nested options of nodes: widthExpr, heightExpr, zIndexExpr, styleExpr, textStyleExpr, lockedExpr, topExpr, leftExpr, imageExpr, imageUrlExpr (demo).
  • The new fullscreen option enables diagram's full screen mode. It can also be enabled by a corresponding toolbar button.
  • The new readOnly option disables diagram's edit operations (demo).
  • The new simpleView option hides gray document borders and the diagram’s content fully occupies available screen real-estate.
  • Now you customize the UI of diagram's toolbar, toolbox, context menu and properties panel with the corresponding new options: toolbar, toolbox, contextMenu, propertiesPanel (demo).

Improvements

• UI Widgets
  • The new speed dial action's visible option simplifies your code of dynamic Floating Action Button with multiple actions by controlling the visibility of each action.

Researches & Discussions

We have published a number of feature discussion pages. Please review the proposed implementation details and share your feedback on the features you are interested in.

Install

npm i [email protected]

In case of using Angular, React or Vue, add one of integration packages:

npm i [email protected]
npm i [email protected]
npm i [email protected]