Aligning a legend with plot container
tutorial
This demo shows how we can use axis’ events to monitor its width, and automatically adjust position of the legend, so it is aligned perfectly with the plot area. Code Demo
tutorial
This demo shows how we can use axis’ events to monitor its width, and automatically adjust position of the legend, so it is aligned perfectly with the plot area. Code Demo
tutorial
This demo shows how we can use value change events of the start and end axis settings, as well as use debouncing techniques on the handlers to detect when the zoom animation has finished. Code Demo
tutorial
This demo shows how we can use events to dynamically set width for the Pie chart’s legend labels, so that the legend takes up all available space, left from the pie itself, as well as truncates the labels if there’s no space available.
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.
tutorial
This short tutorial will show how to pre-hide individual slices of a pie chart, in this case ones that have zero value. Hiding a slice To a hide a slice on a pie series (or any other percent series for that matter), we need to call the hide() method of its data item. For example, […]
demo
This demo shows how we can use events to hide series’ tooltips when tooltip-enabled axis bullet is hovered, ensuring that tooltips do not overlap.
demo
This demo shows how we can add labels on top of scrollbar grips, that show dates corresponding to their current positions.
demo
This demo shows how we can dynamically show a simple Circle element instead of actual bullets on a lines series. The demo pre-creates a Circle element on chart, which will be used as a “bullet”. When cursor is moving across the chart, the series get their tooltipDataItem setting set dynamically. Whenever tooltipDataItem changes, an event […]
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 […]
demo
This demo shows how you can convert global document coordinates to a value and a date on respective value and date axes.