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
andconvertToXY
) for the VectorMap Coordinate Translation.
- The new
-
Diagram
- New image shapes (
cardWithImageOnLeft
,cardWithImageOnTop
andcardWithImageOnRight
) 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 newexpanded
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).
- New image shapes (
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.
- The new speed dial action's
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 devextreme@19.2.2-alpha-19228-2142
In case of using Angular, React or Vue, add one of integration packages:
npm i devextreme-angular@19.2.2-alpha-19228-2142
npm i devextreme-react@19.2.2-alpha-19228-2142
npm i devextreme-vue@19.2.2-alpha-19228-2142