{
  "backgroundColor": "#ffffff",
  "color": ["#1d4e89", "#b45309", "#047857"],
  "title": {
    "text": "Ukraine: three ways to look at 2021",
    "left": "center",
    "textStyle": { "fontSize": 16, "color": "#17212b", "fontWeight": 600 }
  },
  "legend": {
    "top": 36,
    "data": ["Real GDP", "Population", "Dollar GDP"]
  },
  "grid": { "top": 80, "left": 48, "right": 24, "bottom": 56, "containLabel": true },
  "tooltip": { "trigger": "axis" },
  "xAxis": {
    "type": "category",
    "data": ["2021", "2024", "2026 projection"],
    "axisLabel": { "color": "#334155", "fontSize": 12 }
  },
  "yAxis": {
    "type": "value",
    "name": "Index, 2021 = 100",
    "nameLocation": "middle",
    "nameGap": 40,
    "min": 0,
    "max": 130,
    "splitLine": { "lineStyle": { "color": "#e5e7eb" } }
  },
  "series": [
    {
      "name": "Real GDP",
      "type": "bar",
      "barMaxWidth": 36,
      "label": { "show": true, "position": "top", "color": "#1d4e89", "fontWeight": 600 },
      "data": [
        { "value": 100.0, "label": { "show": false } },
        77.63,
        { "value": 80.6, "itemStyle": { "opacity": 0.65, "borderColor": "#1d4e89", "borderWidth": 2, "borderType": "dashed" } }
      ]
    },
    {
      "name": "Population",
      "type": "bar",
      "barMaxWidth": 36,
      "label": { "show": true, "position": "top", "color": "#b45309", "fontWeight": 600 },
      "data": [
        { "value": 100.0, "label": { "show": false } },
        81.33,
        { "value": 78.74, "itemStyle": { "opacity": 0.65, "borderColor": "#b45309", "borderWidth": 2, "borderType": "dashed" } }
      ]
    },
    {
      "name": "Dollar GDP",
      "type": "bar",
      "barMaxWidth": 36,
      "label": { "show": true, "position": "top", "color": "#047857", "fontWeight": 600 },
      "data": [
        { "value": 100.0, "label": { "show": false } },
        95.53,
        { "value": 112.8, "itemStyle": { "opacity": 0.65, "borderColor": "#047857", "borderWidth": 2, "borderType": "dashed" } }
      ]
    }
  ]
}