amchart 图表设置

动画

"sequencedAnimation": false, //设置图表没有动画

startDuration: 0, //设置饼图没有动画

valueAxes(Y轴):

• gridAlpha: 0    //网格透明度

categoryAxis(X轴):

• fillAlpha:0.05    //折线图 图形后边的 背景，默认是透明颜色，不会出现看似柱状图的背景

• gridCount:10     //标签个数

• autoGridCount: false, //是否允许自动设置X轴标签

• 设置X轴的标签样式：

  labelFunction: function (value, valueText, valueAxis) { if (value) { return $filter('date')(new Date(value), 'MMM yyyy'); } }

   

graphs（图形）：[{}]

• "bullet": "none" "round",

• "bulletSize": 5 //折线图是否有折点，显示多大

• "animationPlayed": true //出现柱状图/折线图时没有动画

饼图标签显示

"labelsEnabled": false   //饼图上不显示标签：

设置饼图显示标签样式：

"labelFunction": function (value, valueText, valueAxis) {
    return parseFloat(value.percents).toFixed(1) + '%'
}

图表图例

"legend": {
    "enabled": true,
    "color": "#fff",
    "useGraphSettings": true,
    "position": "top",
    "fontSize": fontSize, // 图例字体大小
    "align": "right",
    markerSize: markerSize // 图例图标大小
}

当数据需定时刷新时，只是刷新数据而不是刷新图表：

首先简单创建一个图表： var loadComplainChart = AmCharts.makeChart("chartcomplaindiv", { "theme": "dark", "type": "serial", "colors": [ "#00FCFC" ], "dataProvider": dailyUserComplain, } 当数据在刷新变化时，只需要改变data就可以了： loadComplainChart.dataProvider = dailyUserComplain; loadComplainChart.validateData(); 当设置只刷新数据时，会发现之前设置的X轴标签样式会失效，这时我们需要重新定义X轴标签的个数以及是否需要自动显示X轴标签： loadComplainChart.categoryAxis.autoGridCount = false; loadComplainChart.categoryAxis.gridCount = dailyUserComplain.length;

转载于:https://www.cnblogs.com/maoyazhi/p/6474914.html