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.
Highlighting links of a force-directed node on hover
Type
tutorial This demo uses pointerover and pointerout events on force-directed series’ nodes, to automatically highlight all links going out of it. It makes use of an array of links contained in node’s data item’s links setting to automatically apply or remove “active” state. Code Demo
Toggling active state of a bullet
Type
demo This demo shows how we can toggle “active” state of a bullet by clicking on it. It works by creating an “active” state for the bullet’s circle. This state is triggered on clicked objects if they have their toggleKey: “active” set. It also uses an event to monitor changes for bullet circle’s active setting, to […]
Adding check marks to legend markers
Type
tutorial This tutorial will walk through the steps needed to turn legend markers into checkboxes. Adding a check mark Each marker in the legend is created from a template, which is accessible via legend’s markers.template. Besides enabling us to set any setting that would be applied to any new marker created by the legend, a template […]
Triggering bullet hover effects with chart cursor
Type
demo These are two demos that show how we can use chart cursor’s cursormoved event to trigger hover effects on multiple series’ bullets. Changing appearance of bullets This will make bullets grow larger on the category currently hovered by chart cursor. Showing on hover only In this demo, the bullets will be hidden except on the […]