“Placeholder” for empty donut

[lxg]

A donut with no data only renders an empty SVG element. It would be better if there was some sort of placeholder, like a gray ring. (It could also be transparent by default, and only become visible after styling.)

Background: When using Chartist in a newly installed applications, no data are available to be rendered. Therefore, the layout looks crooked with empty donuts.

[Bielousov]

You can pass something like

{
  series: data ?? [{ className: 'emptyChart', value: 1 ],
}

then simply define your desired color in the .emptyChart.