Amchart 報表入手

一 、 首先固然是下載資源包啦：https://www.amcharts.com/　　JavaScript CHARTS

2、  導入到項目中以後，再來看官網demo，須要作成什麼樣，直接點進去---〉edit就能夠看到源碼了。官網的數據都是hardcode的，也能夠從文件中加載數據。若是要從後臺加載數據能夠引入：<script src="${prc}/amcharts/plugins/dataloader/dataloader.js"></script> 

dataLoader :會去拿數據，匹配好頁面和後臺的參數名稱就能夠了。 

type : pie //餅形圖

url ： 

titleField: 要展現的字段 名稱

valueField：字段對應的value 

至於詳細的參數設置確定是要參考文檔拉https://docs.amcharts.com/3/javascriptcharts/AmChart

<script>
    AmCharts.makeChart(
        "chartdiv",
        {
            "type" : "pie",
            "dataLoader" : {
            "url" : "xxxx.do",
            "showCurtain" : false
            },
            "titleField" : "name",
            "valueField" : "value",
            "balloonText" : "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
            "innerRadius" : "30%",
            "legend" : {
                "align" : "center",
                "markerType" : "circle"
            }
        });
</script>