Budget and actual costs

Budget and actual costs side by side, including a missing value. Use the checkboxes to hide a series, or hover a bar for its value.

Budget and actual costs

examples/budget-vs-actual.json

{
  "schemaVersion": 1,
  "type": "bar",
  "title": "Budget and actual costs",
  "source": "Example data",
  "categoryAxis": {
    "title": "Month"
  },
  "valueAxis": {
    "title": "Costs in thousands"
  },
  "categories": [
    "January",
    "February",
    "March",
    "April"
  ],
  "series": [
    {
      "name": "Budget",
      "values": [
        120,
        150,
        140,
        160
      ]
    },
    {
      "name": "Actual",
      "values": [
        130,
        145,
        152,
        null
      ]
    }
  ]
}

Series Budget Actual

Budget and actual costs

Source: Example data

Show chart data

Data for Budget and actual costs
Category	Budget	Actual
January	120	130
February	150	145
March	140	152
April	160	Missing

Grouped bar
Plan versus actual