amchart 使用方法简介及简单中文API

来源:互联网 发布:imf的数据 编辑:程序博客网 时间:2024/05/24 05:05

demo下载点击这里:下载地址

柱状图可参考CSDN 中文API:http://blog.csdn.net/zdw_wym/article/details/18840521

-

1.使饼图占据容器的整个空间

为了让馅饼采取容器的整个宽度/高度,您需要:

1)禁用标注/标签;
2)将所有边距设置为零;
3)禁用片拔出功能。

比如这种:

chart.labelsEnabled = false;//不显示labelchart.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为点击圆后禁止扇形向外弹出        });
原创粉丝点击