Right-click and "view source" the chart to see JSON code.
<script type="text/javascript">
$(document).ready(function() {
zingchart.render({
id : "zc",
output : "svg",
width : 700,
height : 500,
dataurl : "/toolteam/json.php?id=950"
});
});
</script>
...
<div id="content">
<div id="zc"></div>
</div>
{
"graphset":[
{
"type":"pie",
"background-color":"#fff",
"tooltip":{
"text":"%t: $%v %p (%npv%)",
"background-color":"#fff",
"border-color":"#333",
"border-width":"1px",
"border-radius":"8px",
"font-color":"#333"
},
"plot":{
"animation":{
"effect":"2",
"speed":"400",
"method":"5",
"sequence":"1",
"attributes":{
}
},
"value-box":{
"text":"%t",
"font-color":"#000000",
"font-weight":"normal",
"placement":"out"
},
"hover-state":{
"visible":false
}
},
"series":[
{
"values":[30.43],
"text":"Oil",
"background-color":"#006075"
},
{
"values":[10.71],
"text":"Solar",
"background-color":"#009EC2"
},
{
"values":[8.38],
"text":"Hydroelectric",
"background-color":"#72B3C2"
},
{
"values":[7.34],
"text":"Wind Turbine",
"background-color":"#003642"
}
]
}
]
}