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 = 0.5; //当这个值为1时网格线为实线
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);
chart.write("chartdiv-serial");
}

amcharts的一些用法的更多相关文章

  1. EditText 基本用法

    title: EditText 基本用法 tags: EditText,编辑框,输入框 --- EditText介绍: EditText 在开发中也是经常用到的控件,也是一个比较必要的组件,可以说它是 ...

  2. jquery插件的用法之cookie 插件

    一.使用cookie 插件 插件官方网站下载地址:http://plugins.jquery.com/cookie/ cookie 插件的用法比较简单,直接粘贴下面代码示例: //生成一个cookie ...

  3. Java中的Socket的用法

                                   Java中的Socket的用法 Java中的Socket分为普通的Socket和NioSocket. 普通Socket的用法 Java中的 ...

  4. [转载]C#中MessageBox.Show用法以及VB.NET中MsgBox用法

    一.C#中MessageBox.Show用法 MessageBox.Show (String) 显示具有指定文本的消息框. 由 .NET Compact Framework 支持. MessageBo ...

  5. python enumerate 用法

    A new built-in function, enumerate() , will make certain loops a bit clearer. enumerate(thing) , whe ...

  6. [转载]Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结,需要的朋友可以参考下,希望对大家有所帮助. 详细解读Jquery各Ajax函数: ...

  7. 【JavaScript】innerHTML、innerText和outerHTML的用法区别

    用法: <div id="test">   <span style="color:red">test1</span> tes ...

  8. chattr用法

    [root@localhost tmp]# umask 0022 一.chattr用法 1.创建空文件attrtest,然后删除,提示无法删除,因为有隐藏文件 [root@localhost tmp] ...

  9. 萌新笔记——vim命令“=”、“d”、“y”的用法(结合光标移动命令,一些场合会非常方便)

    vim有许多命令,网上搜有一堆贴子.文章列举出各种功能的命令. 对于"="."d"."y",我在无意中发现了它们所具有的相同的一些用法,先举 ...

随机推荐

  1. yum源中默认好像是没有mysql的。为了解决这个问题,我们要先下载mysql的repo源。

    CentOS7的yum源中默认好像是没有mysql的.为了解决这个问题,我们要先下载mysql的repo源. 1. 下载mysql的repo源 $ wget http://repo.mysql.com ...

  2. zuoyeQAQ

    public class StringAPIDemo { /** * @param args */ public static void main(String[] args) { // TODO A ...

  3. MongoDb企业应用实战(一) 写在MongoDb应用介绍之前(i)

    故事背景: 本人有幸,经老友( 现为x知名快递公司技术总监 ) 推荐进入中国前三大民营快递公司之一工作,在此非常感谢他,在此也非常感谢我在第一家公司帮助我进步的兄弟(我在时的项目经理,现为 x  知名 ...

  4. PHP中类型约束

    类型约束 什么叫类型约束? 就是要求某个变量只能使用(接收,存储)某种指定的数据类型: php属于“弱类型语言”,通常不支持类型约束: 相应的,强类型语言,类型约束却是其“基本特征”. php中,只支 ...

  5. Spring学习 6- Spring MVC (Spring MVC原理及配置详解)

    百度的面试官问:Web容器,Servlet容器,SpringMVC容器的区别: 我还写了个文章,说明web容器与servlet容器的联系,参考:servlet单实例多线程模式 这个文章有web容器与s ...

  6. namesapce的作用 增加访问路径 目的:区分不同包的相同action的访问路径

  7. CSS预处理语言-less 的使用

    Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量.Mixin.函数等特性,使 CSS 更易维护和扩展. Less 可以运行在 Node 或浏览器端. Less的编译处理 作为一 ...

  8. 【数据库_Mysql】查询当前年份的sql

    1.本年份 SELECT DATE_FORMAT(NOW(), '%Y'); 2.本月份(显示数字) SELECT DATE_FORMAT(NOW(), '%m'); 3.本月份(显示英文) SELE ...

  9. 常州day2

    Task1 为了测试小 W 的数学水平,果果给了小 W N 个点,问他这 N 个点能构成的三角形个数. 对于 100%的数据:N<=100,保证任意两点不重合,坐标<=10000 恶心题( ...

  10. 【BZOJ4651】【NOI2016】网格(Tarjan,哈希)

    [BZOJ4651][NOI2016]网格(Tarjan,哈希) 题面 BZOJ 洛谷 题解 首先把题目稍微变得好说一些,给定一个网格,已经删去了若干个格子 问最少删去多少个格子使得图不连通. 这题的 ...