Type tutorial
This short tutorial will introduce two approaches that can be used to group legend items by inserting a label between its items. Approach #1 The easiest approach is to create a legend like we would do on any chart, set its data, then insert Label elements at predefined places in legend’s children list. The downside […]
Type tutorial
This demo shows how axis bullets can be moved to chart’s plotContainer to appear them on top of the chart.
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.
Type tutorial
This demo adds a Container element with a gradient-filled rectangle and some labels to create a custom “heat legend” using multi-color steps. The code Related docs The demo
Type tutorial
This demo shows how we can toggle a series off and on using its hide() and show() methods. Relevant code:
Type tutorial
This demo shows how we can add “hidden” scrollbars directly into plot container of an XY chart, to be shown on hover only.
Type tutorial
Axes of various types follow their own logic when they choose where to place its grid and labels. However, sometimes you need to place those labels at precisely value X, or on date Y. That’s where axis ranges might come in handy, which is the focus of this tutorial. Prerequisites Just to refresh your memory […]
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.
Type tutorial
This short tutorial will explain how we can add various types of information as a watermark on charts. In plot area of an XY chart An XY chart has a special container called a plot area, accessible via chart.plotContainer. We can create any type of element, as well as push it into plot container’s children. […]
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