tutorial This tutorial will show how we can change cursor style when hovering over some chart element. Setting cursor style We can use any element’s cursorOverStyle setting to specify which cursor to show when it is hovered by a mouse cursor. Available styles The following table lists a few of the most common cursor styles. For […]
tutorial This short tutorial will show the steps involved in dynamically changing position of the legend. Changing position The following steps are involved when changing the position of the legend, e.g. from bottom to left: For example, the below code will move the legend from bottom, to left: Demo
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 […]
tutorial This demo shows how we can customize a gauge chart’s hand by pushing any element into its children set. It uses a Triangle to replace the tip and an SVG Image to replace the pin.
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 […]
tutorial Normally, browsers will display a context menu when you press right mouse button over some element. If done over amCharts 5, it will display a context menu for a <canvas> element. This tutorial will show how you can disable default behavior of a right-click on canvas elements, as well as attach built-in rightclick event to […]