chartletv0.1.0-alpha.3

← All examples

Headcount

Steady headcount growth from January to August. Switch between the full period and each half with the pre-rendered zoom steps.

Headcount

examples/headcount.json
{
  "schemaVersion": 1,
  "type": "line",
  "title": "Headcount",
  "description": "Headcount rose steadily from January to August.",
  "source": "Example data",
  "categoryAxis": {
    "title": "Month"
  },
  "valueAxis": {
    "title": "Employees",
    "format": "number"
  },
  "data": [
    {
      "label": "January",
      "value": 42
    },
    {
      "label": "February",
      "value": 44
    },
    {
      "label": "March",
      "value": 47
    },
    {
      "label": "April",
      "value": 50
    },
    {
      "label": "May",
      "value": 54
    },
    {
      "label": "June",
      "value": 58
    },
    {
      "label": "July",
      "value": 61
    },
    {
      "label": "August",
      "value": 66
    }
  ],
  "zoomSteps": [
    {
      "label": "All months",
      "from": 0,
      "to": 7
    },
    {
      "label": "January to April",
      "from": 0,
      "to": 3
    },
    {
      "label": "May to August",
      "from": 4,
      "to": 7
    }
  ]
}
View
Headcount
HeadcountHeadcount rose steadily from January to August.Headcount40506070EmployeesJanuary: 4242JanuaryFebruary: 4444FebruaryMarch: 4747MarchApril: 5050AprilMay: 5454MayJune: 5858JuneJuly: 6161JulyAugust: 6666AugustMonth
HeadcountHeadcount rose steadily from January to August.Headcount40424446485052EmployeesJanuary: 4242JanuaryFebruary: 4444FebruaryMarch: 4747MarchApril: 5050AprilMonth
HeadcountHeadcount rose steadily from January to August.Headcount5055606570EmployeesMay: 5454MayJune: 5858JuneJuly: 6161JulyAugust: 6666AugustMonth

Source: Example data

Show chart data
Data for Headcount
CategoryValue
January42
February44
March47
April50
May54
June58
July61
August66
  • Line
  • Show growth