We are constantly finding ways to improve our JavaScript charting library to increase performance, refine usability, and to add features. Our latest build comes with a number of new items of interest to anyone who works with JS charts.

New Additions to our JavaScript charting library

New Chart Types

We added vline and varea charts to the library, as well as support for vline and varea plots on mixed charts. Here are some examples:

Added feed_clear event. You can see how this works by including it in your chart and then viewing the console to see the chart information returned by the event. In addition, added "js" transport.” For this, the url attribute has to be a JS function with one single callback parameter passing back the feed information.

New Attributes

Introduced scale-x-n and scale-y-n attributes to set shared properties for scales.

Added “placement” attribute on objects, with values of “top” or “bottom” to define the sorting placement, relative to the series. This allows you to apply styling attributes to all scales without having to apply them to each scale individually. Basically, some objects (i.e. labels or shapes) will have their control areas (area tags) sorted as either "above" or "below" the series control areas. This way, in case of overlaps, you can choose which one has priority.

Added “mask-tolerance” (with a default value of 6). This attribute can be applied on plotarea to allow for bigger masks to prevent cutting of hover markers.

Note: This may cause unwanted effects when zooming plots if the tolerance gets bigger/ when hover states of plots exceed plotarea.

Other New Additions

Two other additions to the library worth noting include:

  1. Now there is an option to set multiple value boxes for every plot by specifying “value-box” as an array of objects.
  2. We now include rule support for plot-label elements in the “crosshair-x” object.

Updates to the JavaScript charting library

Better Pie Labels

This build includes a significant overhaul of “value-box” style and positioning logic on pie and pie3d charts. Users of pie and ring charts will appreciate this particular update. In the example below, we applied the “position” attribute with the value “center” to the value-boxes to get them centered without eyeballing it.

*Custom context menu items *

Custom context menu items now accept the "order" attribute, which sets the item’s the position in the list. This can be helpful if you know your users use some of these items more than others when they right-click on your JavaScript charts.

*Updated Rhino build *

Our developers updated the Rhino build of ZingChart to take advantage of this latest set of feature updates. If this is the version you use, please inquire with support.

File names and including ZingChart

An important note about this latest build is the change of the naming convention in our file names. If you are new to ZingChart, this change does not affect you. In the average installation, you’ll need to find the script element that specifies the URI of the old scripts and update it to reflect the new file names. If you include your installation of ZingChart in another way, you can always contact our support team for help.

Speaking of how you include the library, did you know we have a version on our CDN?

Dive deeper into the latest version

You can view the full release notes for our latest build, but we’d love it if you get hands-on with it: Download the latest build for free today!