{
  "elements": [
    {
      "type": "bar",
      "values": [
        130,
        {
          "top": 150,
          "bottom": 130
        },
        {
          "top": 170,
          "bottom": 150
        },
        {
          "top": 190,
          "bottom": 170
        },
        {
          "top": 200,
          "bottom": 150,
          "colour": "#000000",
          "tip": "Hello<br>#top#"
        },
        null,
        150
      ]
    },
    {
      "type": "bar_filled",
      "values": [
        140,
        {
          "top": 155,
          "bottom": 135
        },
        {
          "top": 175,
          "bottom": 155
        },
        {
          "top": 195,
          "bottom": 175
        },
        {
          "top": 190,
          "bottom": 145,
          "colour": "#FF00FF",
          "outline-colour": "#900090",
          "tip": "Custom tooltip<br>top:#top#<br>bottom:#bottom#<br>Value:#val#"
        },
        160,
        130
      ],
      "colour": "#FFEF3F",
      "tip": "top:#top#<br>bottom:#bottom#<br>Value:#val#"
    }
  ],
  "title": {
    "text": "Tue May 22 2012"
  },
  "bg_colour": "#FFFFFF",
  "y_axis": {
    "min": 100,
    "max": 200,
    "steps": 10
  }
}