Using data item location to align line series with clustered columns
Type
demo This demo shows how we can use locationX setting of the LineSeries to align its bullets with clustered columns.
Bar chart with icons on columns and axis
Type
demo This demo shows how we can add icons at the end of bars using series bullets, as well as next to category labels using axis bullets.
Column labels as categories
Type
tutorial This tutorial will explain how individual column labels (bullets) can be used as Category axis labels. The task During the course of this tutorial, we are going to give a fairly basic clustered column chart a makeup. Let’s do this step by step. Moving categories up First task is to move those year categories up […]
Complex bullets with hover effect
Type
tutorial This demo shows how we can create bullets out of several elements, as well as attach hover effects that trigger with both direct hovering by a pointer and with an XYCursor.
Solving overlapping bullets
Type
tutorial This short tutorial shows a couple of ways to solve the situations where multiple series can have label bullets shown, and thus may overlap with each other. Repositioning with an adapter We can use an adapter, to dynamically check for overlap with other bullets, and change bullet’s centerY setting, so it is either moved down […]
Line chart adding data every second
Type
tutorial This demo shows a Line chart with a pulsing bullet at the end, with dynamic data updates. Regular data Grouped data
Axis bullets on top of the chart
Type
tutorial This demo shows how axis bullets can be moved to chart’s plotContainer to appear them on top of the chart.
Bullet following cursor
Type
tutorial This demo shows how we can show a bullet on the hovered data item without creating bullets for each data item. This results in a better performance.
Show different tooltip on click of a bullet
Type
demo This demo shows how to create double-tooltips for series bullets. When hovered, bullet will display some content. When bullet is clicked it will display a permanent sticky tooltip with different information until clicked again.
Labels on negative columns
Type
demo This demo shows how we can use adapters to change vertical alignment of a bullet, by dynamically modifying its centerY setting, based on its value. The code The demo