This demo shows how we can watch for chart size change to automatically adjust legend width so it takes up all the empty space.

This demo uses both CSS media queries as well as Responsive theme to automatically resize the chart and reposition the labels, for small screens. Demo

This tutorial will introduce to a concept of generating static snapshots of the charts. The concept In some cases, we do not need chart interactivity. For example, if we want to show a grid with multiple sparklines/microcharts, we might need only the visual representation. In such a case it would be waste of resources – […]

This demo shows how we can right-align Legend’s labels and value labels. Code Demo

This demo shows how we can populate a custom legend on a Map chart from its Polygon series data. Code Contrary to other chart types, Legend cannot readily use data items from a Map series. The main reason being that most map series use geodata, which is parsed asynchronously, so the data items might not […]

This demo shows how we can include all nodes from all levels of a Sunburst chart into its legend. Code The above code iterates through the whole hierarchy and pushes all data items from all nodes into legend’s data. Demo

Normally, stacking series on an XY chart requires that they have same number of data items, and that their categories or dates match. This tutorial will introduce a custom function that can merge data from a number of sources so that multiple series can reuse it for correct stacking. The problem For correct stacking of […]

This demo shows how we can use an adapter to automatically truncate circular labels on a gauge chart.

This demo shows how we can use locationX setting of the LineSeries to align its bullets with clustered columns.

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.