Adding words to existing WordCloud

Type tutorial

This demo shows how we can push additional words into existing WordCloud. Code All we need to do is to push a data object into WordCloud series data: Demo

Upgrading version of the XLSX library

Type tutorial

XLSX has chosen to stop publishing to the npm registry. This means that XLSX is permanently locked at version 0.18.5. If you want to use the latest version of XLSX, you can add this into your package.json file: Now your project will use the XLSX CDN, instead of using the npm package. However, that has a lot of issues: […]

Aggregating multiple data items into a single tooltip of the data items with same X/Y

Type tutorial

This demo shows how we can use an adapter on a series tooltip to automatically aggregate information from multiple data items width same x/y coordinates on a bubble chart. Code First, we’ll make all bubbles visible, by setting their fillOpacity to something less than 1, so they’re semi-transparent and are visible, even when they are […]

Tooltip with a pointer on the side

Type tutorial

This demo shows how we can use an adapter to dynamically update tooltip bounds, so that tooltip pointer is attached to its left side, rather than in the middle. Code Demo

Left-aligning vertical axis labels

Type tutorial

Normally, the labels of the vertical left-side axis are right aligned. This demo will show how we can easily make them left-aligned instead. Code To make labels left-aligned, it’s enough to just override their horizontal center to their left: Demo

Automating report generation using Selenium Webdriver

Type tutorial

If you need to automate the generation of chart images or PDF, Selenium Webdriver might be the best option. It can handle different browsers even though this example only shows it using Firefox. Setting up Exporting a chart from an external link You can export charts that exist on a current page. Add a file […]

Syncing axis zooms across multiple charts

Type tutorial

This demo shows how we can sync zoom of an X-axes across multiple charts. Code The function that performs syncing: Using events to monitor changes to start and end settings on each axis: Demo