{
  "title":{
    "text":  "Bars on Left Axis and Line on Right Axis",
    "style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
  },

  "y_legend":{
    "text": "Open Flash Chart",
    "style": "{color: #736AFF; font-size: 12px;}"
  },

  "elements":[
	{
	  "type":"tags",
	  "id":1,
	  "font":"Verdana",
	  "font-size":10,
	  "colour":"#000000",
	  "pad-x":0,
	  "pad-y":0,
	  "rotate":0,
	  "align-x":"center",
	  "align-y":"above",
	  "text":"$#y#",
	  "values":[
	            {"x":0,"y":9},
	            {"x":1,"y":6, "align-y":"below"},
	            {"x":2,"y":7},
	            {"x":3,"y":9},
	            {"x":4,"y":5},
	            {"x":5,"y":7, "font":"Arial", "bold":true},
	            {"x":6,"y":6},
	            {"x":7,"y":9},
			],
	},
    {
      "type":      "bar_glass",
      "alpha":     0.5,
      "colour":    "#9933CC",
      "text":      "Page views",
	  "id": 1,
	  "key-on-click":"toggle-visibility",
	  "alpha":	0.6,
      "font-size--": 10,
      "values" :   [9,6,7,9,5,{"top":7,"colour":"#FF0000", "tip": "Mooo<br>#val#"},
					6,9,{"top":7, "tip":"click to google<br>#val#",  "on-click":"http://www.google.com"}]
    },
    {
      "type":      "line_hollow",
      "colour":    "#736AFF",
      "text":      "Avg. wave\nheight (cm)",
	  "id":2,
	  "key-on-click":"toggle-visibility",
      "font-size": 10,
	  "axis": "right",
      "width":     2,
      "dot-size":  4,
      "halo-size": 0,
      "values" :   [
        60,64,
        {"value":78, "colour":"#FF0000", "tip":"Override<br>#val#", "dot-size":12, "halo-size": 3 },
        58,50,41,41,36, 32 ]
    },
	{
	  "type":"tags",
	  "id":2,
	  "font":"Verdana",
	  "font-size":10,
	  "colour":"#000000",
	  "pad-x":0,
	  "pad-y":0,
	  "rotate":0,
	  "align-x":"center",
	  "align-y":"above",
	  "text":"$#y#",
	  "values":[
				// And one using the right axis just because we can
	            {"x":2,"y":78,"axis":"right", "pad-y":16, "font-size":20,
				 "colour":"#00BB00","font":"Arial Black", "rotate":0,
				 "text":"Click Tag to\nGoogle!!", "italic":true, "bold":true,
				 "on-click":"http://www.google.com",}
			],
	},
	
	// Moved this tag to be last in "elements" so it shows up 
	// on top of the bars instead of under it
	{
	  "type":"tags",
	  "font":"Verdana",
	  "font-size":10,
	  "id":1,
	  "colour":"#000000",
	  "pad-x":0,
	  "pad-y":0,
	  "rotate":0,
	  "align-x":"center",
	  "align-y":"above",
	  "text":"$#y#",
	  "values":[
	            {"x":8,"y":0.5, "rotate":270, "font-size":12,
	            "text":"click bar to\ngo to google", "italic":true },
				 
	            {"x":6,"y":80, "rotate":45, "font-size":14,
	            "text":"45 degrees\n(not aligned yet)", 
	            "axis":"right", "background":"#AA99", "border":true },
			],
	},
	
	{
	  "type":"tags",
	  "key":"A - Feb 2008\nWinter Storm",
	  "font":"Verdana",
	  "font-size":10,
	  "border":true,
	  "id":1,
	  "background":"#F9F011",
	  "colour":"#000066",
	  "pad-x":0,
	  "pad-y":5,
	  "rotate":0,
	  "align-x":"center",
	  "align-y":"above",
	  "values":[
	            {"x":1,"y":6,"text":"A", "font-size":16}
			],
	},
	{
	  "type":"tags",
	  "key":"B - April 2008\nMany showers",
	  "font":"Verdana",
	  "font-size":10,
	  "border":true,
	  "id":1,
	  "background":"#F9F011",
	  "colour":"#000066",
	  "pad-x":15,
	  "pad-y":5,
	  "rotate":0,
	  "align-x":"left",
	  "align-y":"above",
	  "values":[
	            {"x":3,"y":9.5,"text":"B", "font-size":16}
			],
	},
  ],

  "legend":{"position":"right"},
  
  "tooltip":{
    "mouse": 0
  },

  "x_axis":{
    "stroke":       1,
    "tick_height":  10,
    "colour":      "#d000d0",
    "grid_colour": "#00ff00",
    "labels": {
      "labels": ["January\n2008","February\n2008","March\n2008","April\n2008","May\n2008","June\n2008","July\n2008","August\n2008","September\n2008"]
    }
   },

  "y_axis":{
    "stroke":      4,
    "tick_length": 3,
    "colour":      "#d000d0",
    "grid_colour": "#00ff00",
    "offset":      0,
    "max":         20,
	"steps":       4
  },

  "y_axis_right":{
    "stroke":      4,
    "tick_length": 3,
    "colour":      "#d000d0",
    "grid_colour": "#00ff00",
	"grid_visible": true,
    "offset":      0,
	"steps":       20,
    "max":         100,
	"min": 0
  },

  "tooltip":{
    "text": "My Tip<br>val=#val#, top=#top#"
  }

}