fusioncharts饼图使用json作为数据源的写法

网上使用json作为数据源的例子很少，我在这里作为补充。

 

function doAnalyzeCustJob(){    
    chartObj = new FusionCharts({    
           swfUrl: ctx_+"/resources/fusionchartfree/Charts/Pie3D.swf",    
           width: "780", height: "400",    
           id: 'custjobPie',    
           renderAt: 'custJobPieId'
        });    
    chartObj.setJSONUrl(ctx_+"/cust/cust!analyzeCustJob.action");    
    chartObj.render();    
}

这是我使用的时候的一个例子，其中custjobPie是饼图的id，如果有多个饼图在这个页面上出现，此id不要重复。renderAt是饼图出现位置的domId.

setJSONUrl 的地址是生成json数据的后台action.

如果有已知的json文本，可以使用setJSONData来设置json源。

如:

myChart.setJSONData( {  
        "chart":  
        {  
                "caption" : "Weekly Sales Summary" ,     
                "xAxisName" : "Week",  
                "yAxisName" : "Sales",   
                "numberPrefix" : "$"
        }, 
        "data" :  
        [  
                { "label" : "Week 1", "value" : "14400" }, 
                { "label" : "Week 2", "value" : "19600" },  
                { "label" : "Week 3", "value" : "24000" },  
                { "label" : "Week 4", "value" : "15700" }  
        ] 
} );

当然，这些数据不一定要一定是这样的对象，你可以放入string字符串，只要有类似这样拼凑工整,fusioncharts一样可以读出。

fusionchrts在线文档中有很详细的说明：

http://docs.fusioncharts.com/charts/