amchart 使用方法簡介及簡單中文API

demo下載點擊這裏下載地址

柱狀圖可參考CSDN 中文API:http://blog.csdn.net/zdw_wym/article/details/18840521

-

1.使餅圖佔據容器的整個空間

爲了讓餡餅採取容器的整個寬度/高度,您需要:

1)禁用標註/標籤;
2)將所有邊距設置爲零;
3)禁用片拔出功能。

比如這種:

chart.labelsEnabled = false;//不顯示label
chart.autoMargins = false;
chart.marginTop = 0;
chart.marginBottom = 0;
chart.marginLeft = 0;
chart.marginRight = 0;
chart.pullOutRadius = 0;//0爲點擊圓後禁止扇形向外彈出

或者如果您使用JSON配置:

AmCharts.makeChart(“chartdiv”,{
...
  labelsEnabled:false,//不顯示label
  autoMargins:false,
  marginTop:0,
  marginBottom:0,
  marginLeft:0,
  marginRight:0,
  pullOutRadius:0,//0爲點擊圓後禁止扇形向外彈出
...
});

2.簡單事例

var chartData1_2 = [{
            "labelTitle": "已拍攝",
            "labelvalue": 125,
            "labelUnit": "頁",
            "country": "已拍攝",
            "value": 125,
            "color": "#00a7ad",
            "labelColor": "#ffffff"
        },
        {
            "country": "",
            "value": 70,
            "color": "#999",
            "labelColor": "#ffffff",
        }];
        //var p = chartData1_2[0].percents;
        var chart1_2 = AmCharts.makeChart("chartdiv1_2", {
            "type": "pie",//類型
            "dataProvider": chartData1_2,//數據
            "valueField": "value",//數值
            "titleField": "country",//名稱
            "labelRadius": "-40",//label偏移量
            "colorField": "color",//填充顏色
            //"labelsEnabled": false,//不顯示label
            "labelColorField": "labelColor",//label字的顏色
            "labelText": "[[labelTitle]][[labelvalue]][[labelUnit]]\n([[percents]]%)",//label顯示
            "balloonText": "",//提示框
            "depth3D": 10,//3d厚度
            "angle": 30,//3d傾斜度
            "marginTop": 60,//距離上下左右的距離
            "marginBottom": 0,
            "marginRight": 25,
            "marginLeft": 25,
            "pullOutRadius": 0//0爲點擊圓後禁止扇形向外彈出
        });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章