<script type="text/javascript">
$(document).ready(function() {


zingchart.render({
	
	id : "zc",
	output : "canvas",
	width : 800,
	height : 600,
	dataurl : "/toolteam/json.php?id=731"
});


});
</script>
...
<div id="content">



<div id="zc"></div>



</div>

{
"graphset":[
    {
        "type":"line",
        "-plotarea":{
            "margin":"50,50,150,50",
            "background-color":"blue"
        },
        "plot":{
            
        },
        "scale-x":{
            "labels":["Jan 2010","Feb 2010","Mar 2010","Apr 2011","May 2011","Jun 2011","Jul 2012","Aug 2012","Sept 2012","Oct 2012","Nov 2013","Dec 2013"],
            "values":["First Month","Second Month","Third Month","Fourth Month","Fifth Month","Sixth Month","Seventh Month","Eighth Month","Ninth Month","Tenth Month","Eleventh Month","Twelvth Month"],
            "item":{
                "rules":[
                    {
                        "rule":"'%c' == '2'",
                        "background-color":"red"
                    }
                ]
            }
        },
        "scale-y":{
            "zooming":true
        },
        "series":[
            {
                "description":"Here is my descriptions",
                "data-cs":["a","b","c","d","e","f","g","h","i","j","k","l"],
                "tooltip-text":" Plot Description(d): %d <br>CustomData(data-cs):%data-cs <br>Node Goal Value(g):%g<br>Node Index(i): %i <br>Scaley-Key Value(k): %k <br> Scaley Key value Part(k0): %k0 <br> scale-key Label(kl): %kl <br>scale-key Text(kt): %kt <br>Scale-Key Label Part(kt0): %kt0 <br>scale-key Value (kv): %kv <br> Scale-Key Value Part(kv0):%kv0 <br>scale label(l): %l<br>Number of Nodes(N):%N <br>Node min value(nmv):%nmv <br>Node Percent Value(npv): %npv <br>Node Max value (nxv):%node-max-value <br>Plot Index(p):%p <br>Number of Plots(P):%P <br>Plot avarage(pavg):%pavg <br>Plot min index(pmi):%pmi<br> plot min value(pmv):%pmv <br> Plot Percent (pper):%pper <br>Plot Sum(psum):%psum<BR>Plot Values(pv):%pv <br>Plot max index(pxi):%pxi <br> Plot max value(pxv):%pxv  <br> Sum(sum):%sum <br>Plot Text(t):%t <br>Plot Text Part(t0):%t0  <br>Total(total):%total <br> Value(v):%v<br>Line color(linecolor):%linecolor <br>Bg color(backgroundcolor):%backgroundcolor",
                "text":"First Semester",
                "values":[47,40.7,45.7,54.9,46.2,43.7,46.8,56.4,63.3,72.4,85.4,1.52]
            },
            {
                "data-cs":["do","re","mi","fa","sol","la","si","do","re","mi","fa","sol"],
                "description":"Another Description",
                "tooltip-text":" plot min value(pmv):%pmv <br> Plot Percent (pper):%pper <br>Plot Sum(psum):%psum<BR>Plot Values(pv):%pv <br>Plot max index(pxi):%pxi <br> Plot max value(pxv):%pxv  <br> Sum(sum):%sum <br>Plot Text(t):%t <br>Plot Text Part(t0):%t0  <br>Total(total):%total <br> Value(v):%v<br>Line color(linecolor):%linecolor <br>Bg color(backgroundcolor):%backgroundcolor",
                "text":"Second Semester",
                "values":[42,20.7,35.7,24.9,44.2,33.7,49.8,59.4,53.3,62.4,52.4,60.3]
            }
        ]
    }
]
}