{
  "elements": [
    {
      "type": "bar",
      "values": [ 6, 10, 12.5, 6, 9 ],
      "tip": "Fund 1 Value:#val#",
      "colour": "#fff100",
      "text": "Fund 1",
      "font-size": 12
    },
    {
      "type": "bar",
      "values": [ 4, -6, 3, 3, 6.4 ],
      "tip": "Fund 2 Value:#val#",
      "colour": "#ff0000",
      "text": "Fund 2",
      "font-size": 12
    },
    {
      "type": "line",
      "values": [ 8, 9, 10, 4, 5.1 ],
      "halo-size": 0,
      "width": 2,
      "dot-size": 5,
      "colour": "#000000",
      "text": "S&P 500",
      "font-size": 12
    },
    {
      "type": "shape",
      "colour": "#ff0000",
      "values": [ { "x": -0.5, "y": 0 }, { "x": 5, "y": 0 }, { "x": 5, "y": -0.1 }, { "x": -0.5, "y": -0.1 } ]
    }
  ],

  "title": {
    "text": "Example Chart",
    "style": "{font-size: 18px; color: #ff0000;font-weight: bold;padding: 10px; text-align: center;font-family: Verdana, Arial;}"
  },

  "bg_colour": "#ffffff",

  "x_axis":
  {
    "colour": "#ffffff",
    "grid-colour": "#ffffff",
    "labels": { "colour": "#ff0000" }
  },

  "y_axis":
  {
    "min": -8,
    "max": 16,
    "steps": 2,
    "grid-colour": "#ffffff",
    "colour": "#CCCCCC",
    "labels": [ "-8%", "error", "-6%", "", "-4%", "", "-2%", "", "0%", "", "2%", "", "4%", "", "6%", "", "8%", "", "10%", "", "12%", "", "14%", "", "16%" ]
  },

  "y_legend":
  {
    "text": "Percentage of Gain\/Loss",
    "style": "{font-size: 14px; color: #ff0000;padding: 5px;font-family: Verdana, Arial;}"
  }
}