标签:
function chartdiv2() { var chart; var chartData = [ { "month" : "2015-08", "网损率" : 7.28, }, { "month" : "2015-09", "网损率" : 6.76, }, { "month" : "2015-10", "网损率" : 6.54, }, { "month" : "2015-11", "网损率" : 6.95, }, { "month" : "2015-12", "网损率" : 6.63, }, { "month" : "2016-01", "网损率" : 6.89, }, { "month" : "2016-02", "网损率" : 6.87, }, { "month" : "2016-03", "网损率" : 7.12, }, { "month" : "2016-04", "网损率" : 7.12, }, { "month" : "2016-05", "网损率" : 6.56, }, { "month" : "2016-06", "网损率" : 7.55, }, { "month" : "2016-07", "网损率" : 7.09, } ]; //表格源数据 // SERIAL CHART chart = new AmCharts.AmSerialChart(); chart.dataProvider = chartData; //获取数据 chart.categoryField = "month"; 横坐标 chart.color = "#000000"; //标题颜色 chart.fontSize = 12; //标题大小 chart.startDuration = 1;//动画 chart.angle = 50; //倾斜角度 chart.columnWidth = 0.6; //柱状图宽度 chart.depth3D = 8;//3D厚度 // AXES // category var categoryAxis = chart.categoryAxis; categoryAxis.gridAlpha = 0; //网格线透明度 categoryAxis.gridPosition = "start"; categoryAxis.gridColor = "#000000"; //网格线颜色 categoryAxis.axisColor = "#000000"; //横坐标轴颜色 categoryAxis.axisAlpha = 0.5; //坐标轴透明度 categoryAxis.dashLength = 5; categoryAxis.fontSize=9; //横坐标坐标轴字体大小 categoryAxis.labelRotation = 30; //横坐标倾斜角度 var legend = new AmCharts.AmLegend(); //图例 legend.useGraphSettings = true; legend.position = "top"; legend.align = "right"; legend.markerSize = 12; legend.fontSize = 12; legend.equalWidths = false; legend.valueWidth = 0; chart.addLegend(legend); var valueAxis = new AmCharts.ValueAxis(); //纵坐标轴 valueAxis.gridAlpha = 0.5; valueAxis.gridColor = "#000000"; valueAxis.axisColor = "#000000"; valueAxis.axisAlpha = 0.5; valueAxis.dashLength = 5; chart.addValueAxis(valueAxis); // GRAPHS // first graph var graph1 = new AmCharts.AmGraph(); graph1.title = "网损率(%)"; graph1.valueField = "网损率"; graph1.type = "column"; graph1.lineAlpha = 1; graph1.lineColor = "#438eb9"; graph1.columnWidth = 0.5; graph1.fillAlphas = 0.7; //透明度 graph1.balloonText = " [[category]] 网损率(%): <b>[[value]]</b>"; //浮泡 chart.addGraph(graph1); document.getElementById("titletext").innerHTML = "总损耗率统计"; chart.write("chartdiv-serial"); }
标签:
原文地址:http://www.cnblogs.com/soup227/p/5750318.html