tutorial This tutorial shows how we can use data item object in a bullet function to determine whether it’s a grouped data item, or regular one, to apply different styling to the bullet. Related code To determine if data item is for a grouped data, we will take a look at its originals value. Data item […]
tutorial This tutorial is a collection of techniques that can be used to tackle various approaches to masking of bullets on an XY chart. Default behavior By default, an XY chart will contain all plots, including bullets within its plot area. This means that if bullets extent beyond plot area edge, they’ll be cut off. Unmasking […]
demo This demo shows how we can dynamically calculate totals of columns in a multi-stack scenario in a bullet function. For non-clustered column stacks, there’s an easier way. Refer to “Totals on column stacks” tutorial.
tutorial This tutorial will explain how we can place an automatically-calculated total on a stack of columns. Preparing value axis Normally, the chart would not calculate totals, saving CPU for us. We need to enable it by setting calculateTotals: true on our value axis: Adding a label bullet To place labels on or in a column, […]
demo This demo shows how we can use XYCursor event “cursormoved” to automatically apply hover state to each bullet in the same category.
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 […]
tutorial Sometimes, showing a label on a very small column is not an option. This tutorial will take a look at two ways to fix that issue. Hiding labels First option is to hide labels for small columns. We can use a private setting height change event handler to automatically hide or show the bullet based […]