"1. Arc annotation labels (label.line) A long-awaited feature request from the community! Display annotation labels with connecting lines outside the arc segments. This enhances readability by placing labels clearly outside the chart, connected with visual lines to their corresponding sections. const chart = bb.generate({ data: { columns: [ ["data1", 30], ["data2", 120], ["data3", 50] ], type: "pie" }, pie: { label: { format: function(value, ratio, id) { return id + ": " + (ratio * 100).toFixed(1) + "%"; }, line: { show: true, // Enable annotation lines distance: 30, // Distance of labels from the arc text: true // Show text labels (can be a function) } } }});"
"2. Per-group stack normalization (data.stack.normalize.perGroup) When using stack.normalize: true, the existing behavior sums up all column values regardless of which axis the series is assigned to. This new option allows each group to normalize independently to 100%, which is essential when you have stacked bars on the y-axis and a separate line series on the y2-axis that shouldn't affect the normalization. Demo: https://naver.github.io/billboard.js/demo/#Data.DataStackNormalizedGroup"
Version 3.18.0 adds arc annotation label lines for pie/donut/polar charts, enabling labels to be placed outside arcs with configurable connecting lines, distances, and custom text formatting. A new per-group stack normalization option (data.stack.normalize.perGroup) allows each grouped stack to independently normalize to 100%, preventing series on different axes (for example y and y2) from affecting each other's normalization. Treemap label formatting now includes tile size in addition to value, ratio, and id, enabling size-aware label text. Configuration examples and demos demonstrate label line usage and normalized stacked group behavior.
Read at Medium
Unable to calculate read time
Collection
[
|
...
]