New connector styling support lets you customize and highlight a Gantt chart’s critical path.
Features
- Gantt chart critical path support - Added new connector styling support for Gantt charts which lets you customize and highlight a Gantt chart’s critical path.
- Widget charts for dashboards - Added 15 new dashboard widget chart examples. From linear gauge to columns and bars, circular gauge with icons to full bleed area lines, typographic widgets and line chart widgets with change indicators to help you quickly and easily build custom chart dashboards.
- Pictogram charts and pictographs - JSCharting’s integrated icon support now provides a huge selection for pictogram charts and graphs. Pictogram bars and percentage charts combined with strong typography create glanceable charts that convey their data quickly and easily.
- Added the ability to set multiple parents and connector styles per data point - The point.parent property has been enhanced to help you define multiple parents and connector line styling for each parent independently.
- Define axis categories - Added a new axis.categories property so you can define data point category names only once and have more control over the sort order. For convenience, you can specify an array of y values for the series.points property.
- Right-angle or straight organizational connector lines - Enhanced how organizational connector lines appear by drawing them at right angles by default. You can use the straight option to change this default and draw connector lines directly between points.
- Synchronize organizational node widths and heights - Added point.annotation.syncWidth and syncHeight properties to help you control the sizing and visual balance of organizational chart nodes.
- Point hierarchy connector styling and selection - Added the ability to select specific branches in an organizational or Gantt dependency chart using hierarchy path selectors.
- Added the ability to use hierarchy selectors to get points - In addition to styling connector lines using path selectors, you can use them to get a collection of all points included in the selected paths.
- New point.connectorLine property - Added the ability to specify organizational or Gantt chart connector line styling per data point, or as a default for all points.
- New connector line radius option - Added a connector line radius property to control the rounded corners of organizational connector or Gantt dependency lines. You can also provide an array of two radii for the chart to apply a different radius for each corner along the line.
- Point getParents() and getChildren() functions - Added the ability to use the getParents() and getChildren() point functions to get collections of points immediately up or down the hierarchy tree.
- Linear gradients for <icon> tags - Added the ability to define rich gradient fills for icons by specifying a list of colors and an angle.
- Dynamic gradients - Expanded gradient color handling with color adjustment values to help you define gradient colors more easily. After you specify a first gradient color, you can set the rest to any of the color adjustment values.
- Dynamic gradients for area chart fill - Expanded dynamic gradient support to the series.shape.fill property. You can set all gradient colors in this property to an adjustment value, including ‘currentColor’ which refers to the series color.
- Dynamic gradients for data point fills - Added the ability to use color adjustment values in data point fill gradient colors.
- Dynamic label outline color - Improved legibility by intelligently selecting data point label colors that contrast with their background. When text overlaps areas such as connector lines, fills or gradients, you can use a text outline with an adjustment value color. This adjustment is based on the automatically selected label color.
- Sync grid line width with columns - Added support for setting axis tick grid line width to 'column' in all axis scale types. You can use this with crosshairs, which are axis ticks, or to style column charts to look like progress bars.
- Data object paths for nest() - Added support for object property paths in nest key() and rollup() functions. You can use this utility to process your data into groups and extract complex details to visualize on charts.
- Map Zoom Button Position - Added the ability to modify the default map zoom buttons position.
- Next.js Support - This release includes fixes and enhancements enabling JSCharting to work in the Next.js environment.
- Other:
- Added support for organizational connector line pixel snapping.
- Organizational chart node labels are now centered by default.
- Improved organizational chart default view position when zoomed in.