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爲點擊圓後禁止扇形向外彈出
});