search

folkehelseinstituttet / Fhi.Frontend.Demo

MIT License
2 stars 1 forks source link

FHI Angular Highcharts: add support for stacking of two dimentional series #612

Open proand opened 2 weeks ago

proand commented 2 weeks ago

Description

When using diagram type columnStacked on a two dimentional serie the dimentions should be splitt altså visually, not only in the label. Eg. the diagram in Fig. 1 below should show two columns, one for "Kvinne" and one for "Mann" with three values in each column (disregard the fact that year on the x-axis is a not best practice here, its just an example).

See Highcharts demo for implementation details.

Acceptance Criteria

Given: good test data for this use case is added

Then:

  1. Go to https://dev-designsystem.fhi.no/developer/components/highcharts#highcharts-all-inclusive
  2. Select "Datasett som kan vises som grupper", and then select "Stablet søylediagram"
  3. Check that the diagram is as expected based on the Highcharts demo
  4. Select "Stablet liggende søylediagram"
  5. Check that also this diagram type behaves as expected

Supplementary information

Fig. 1 image