Skip to content

Donut Chart - Display zero values and negative values #11938

@theoanca

Description

@theoanca

Question

While implementing the donut chart I noticed two issues and I would like to ask you if these cases work and did I miss something or if they can be implemented in the future.

The two cases are:

  1. If the data source looks like this:
    [ { "Book": "BCC2_BOOK1", "Infl01": NaN }, { "Book": "BCC1_BOOK10", "Infl01": NaN }, { "Book": "BCC1_BOOK1", "Infl01": NaN }, { "Book": "BCC2_BOOK2", "Infl01": 0 } ] the donut chart does not display anything. I expect the donut chart to contain only one part related to the value 0.
    Something like this:
    image

  2. If the data source contains only one negative value the donut chart does not display anything.
    [ { "Book": "BCC2_BOOK1", "P&L": NaN }, { "Book": "BCC1_BOOK10", "P&L": NaN }, { "Book": "BCC1_BOOK1", "P&L": NaN }, { "Book": "BCC2_BOOK2", "P&L": "-393.610" } ]
    I expect the donut chart to look something like this:
    image

Also, I noticed that if the data source contains only negative values, the chart does not display anything.

  • igniteui-angular: 13.2.10
  • igniteui-angular-charts: 13.2.0
  • browser: Chrome

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions