Applying custom formatting logic to PieChart legend values
Type
tutorial This demo shows how we can use adapters to apply custom formatting logic to legend labels based on their value. Code Example
Dual date axis with both month and year labels
Type
tutorial This demo shows how we can add two date axes to an XY chart to show both monthly and yearly grid/labels.
Treemap with partial fills in nodes
Type
tutorial This demo shows how we can add partial data-based fills to Treemap nodes using Rectangle element as a bullet, and a couple of adapters.
Play series animations when chart scrolls into view
Type
tutorial This demo shows how we can trigger a replay of series’ animations when previously invisible chart scrolls into view.
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: […]
Start/end labels on a scrollbar
Type
tutorial This demo shows how we can insert Label elements into a scrollbar to add start and end labels. Here’s another version:
Applying active state / highlighting all columns in a stack
Type
tutorial This demo shows how we can apply “active” state to all of the columns in a stack when one of them is clicked.
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