ZingChart 2.3.0 is now available. Read on to see all the details on why our latest build is a minor yet very useful charting library update.

charting library update chat

Charting Library Update Details

This latest build contains several very useful fixes and feature upgrades that will help you build better charts and graphs.

New Features

Blended scales are now available on mixed charts. They can be used with interactive features such as crosshairs, zooming, scrollbars, and preview charts.

In this example, the y-axis consists of two scales blended together. Normally in a mixed chart if you add a second Y scale, it would appear along the right hand side of the chart. By adding "blended":true, to the scale-y-2 object and "placement":"default", we are telling ZingChart we want to blend the two Y scales along the left hand side of the chart. Then we use offset-start and offset-end attributes to determine where the blending occurs.

Preview charts can now be added to stock charts. These miniature charts can display as area or line types, as well as be styled with custom colors and transparency levels.

In the demo above, the preview is below the larger chart, and uses the area chart type.

To style the "chart" portion of the preview feature, create a "preview" object in the "plot" object. Add a "type" attribute ("area" or "line") and styling attributes such as "line-color", "background-color", "alpha", "alpha-area", and more.

Fixed Placement Tooltips

We have added the ability to have a tooltip fixed onto a location relative to the node. This differs from the default behavior where a tooltip follows the user’s mouse cursor.
The new attributes for placements include:

Line, Area, Bar, Scatter, and Bubble Charts

  • node:top
  • node:bottom
  • node:left
  • node:right
  • node:center

You can also fine tune the placements with offset-x and offset-y inside the tooltip object.

Pie Charts

  • node:center
  • node:out

The attribute "node:center" can be repositioned with offset-x and offset-y, while the "node:out" is repositioned with offset-r being a numerical radius value.

Updated Features

Stock Charts

ZingChart 2.3.0 has some cool improvements to stock charts:

  • We updated the offset-start and offset-end attributes. They can now accept percentage values.
  • We added new token aliases for %open, %high, %low, and %close.
  • We updated the default tooltip text to display OHLC data.
  • We improved styling and documentation for stock charts (trend-up, -down, -equal objects).

Improved Tokens

We have updated and added a few tokens accessible from the tooltip and value-box objects for a node. Note that %scale-value refers to the scale/axis where a value can be found (usually the scale-y axis) and %scale-key refers to the scale/axis where an index can be found (usually the scale-x axis).

  • %scale-value-value (%vv) and %scale-key-value(%kv)
    These tokens display the parsed value of a scale item from the axis. They can be useful for displaying dates transforms and short-units on a scale.
  • %scale-value-label (%vl) and %scale-key-label(%kl)
    These display the label of a scale item if it exists. If the index does not have a label, then it defaults to the parsed, %scale-value-value output.
  • %scale-value-text (%vt) and %scale-key-value(%kt)
    Displays the unparsed text of a scale item. For example, if a scale item was transformed from a unix timestamp (1454520460) to a human readable date (02/03/2016), then using these tokens would display the unix time stamp. They also ignore labels.

Legend Highlight

The Legend Highlight feature was also updated in this build. Now, when users hover over the series item on the legend, the corresponding series on your chart will be highlighted with the styling attributes you provide in the "highlight-state" and/or "highlight-marker" object(s). This state type will be covered in the brand new Plot/Series Styling Tutorial.

Want This Charting Library Update Via Email?

Sign up for ZingChart email updates to get all the latest info in your inbox.