Re-arranging elements of the chart legend
Type
demo This demo shows how we can use legend item label’s parentset event to move it before the marker.
A simple Histogram chart
Type
demo This demo shows how we can take an array of plain values, and build a Histogram chart – a distribution of values as a column series.
Labels on top of the ForceDirectedNode
Type
demo This demo shows how we can put labels of the ForceDirectedTree node on top. Since labels are sized to exact dimensions of the node, you can use their verticalCenter or horizontalCenter to place them outside node. For example, the following code will place labels above the node:
Selectively placing legend items in different containers
Type
demo This demo shows how we can selectively place chart legend’s items into separate containers.
Consolidating values from multiple axes into a single tooltip
Type
demo If you have multiple axes and a chart cursor, each axis will get a tooltip when you hover plot area. This demo shows you you can use adapters to consolidate values from multiple axis’ tooltips into one.
Sunburst chart with initial animations
Type
demo This demo shows how modifying Sunburst chart’s and its series’ hidden states can result in nice initial fan-out animation.
Display custom description in legend item tooltip
Type
demo This demo shows how we can add additional data to chart’s Series which then would be used to populate roll-over tooltip on its legend item.
Constant stroke dash size when zooming MapChart
Type
demo We can use setting strokeDasharray to make lines on a MapChart dashed. However, zooming in will also make dashes grow in size. This demo shows how we can add adapter which would maintain the same dash length across zooms.
Gaussian curve with XYChart
Type
demo This demo shows how we can calculate a gaussian curve data to draw using LineSeries out of source data.
Column values on top of the chart
Type
demo This demo shows how we can use bullets and adapters to put actual values of series columns on top of the chart.