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为点击圆后禁止扇形向外弹出
        });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章