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. jdbc 3.0

    1.将Blob.Clob类型数据保存到数据库 import java.io.File; import java.io.FileInputStream; import java.io.FileReade ...

  2. Jmeter 快速入门--简单的http压测

    1.添加线程组 打开jmeter主窗口后,选择左侧树形结构里的"测试计划",然后右键选择添加,选择"threads(users)",选择"线程组&qu ...

  3. php判断是否https

    function is_https() { if ( !empty($_SERVER['HTTPS']) && strtolower($_SERVER['HTTPS']) !== 'o ...

  4. CentOS安装crontab及使用方法(转)

    CentOS安装crontab及使用方法(转)    安装crontab:[root@CentOS ~]# yum install vixie-cron[root@CentOS ~]# yum ins ...

  5. 【php】header下载文件后,文件变大的问题;(ob_clean()清空缓存)

    事由: 按照常理,为了下载一个生产的文件,都是使用header函数,指定下文件信息,然后开始下载,但是下载后发现,文件体积总是比源文件要大2个字节,源文件是24字节,下载后是26字节,查看服务器返回的 ...

  6. docker 开启远程

    # vi /etc/init.d/docker   在start()中加入:$exec -H tcp://0.0.0.0:2375 -H unix://var/run/docker.sock -d & ...

  7. Hibernate 中 load() 和 get() 的区别

    get 和 load 方式都是是根据 id 取得一个记录.下边详细说一下 get 和 load 的不同,因为有些时候为了对比也会把 find 加进来. 1.从返回结果上对比: load 方式检索不到的 ...

  8. js get selected text

    js get selected text https://stackoverflow.com/questions/3170648/how-to-get-javascript-select-boxs-s ...

  9. HDU2486_A simple stone game

    这个题目是这样的,一堆石子有n个,首先第一个人开始可以去1-(n-1)个,接下来两人轮流取石子,每个人可取的石子数必须是一个不超过上一次被取的石子的K倍的整数. 现在求对于一堆数量为n的石子是否为必胜 ...

  10. C++解析(16):友元与类中的函数重载

    0.目录 1.友元的尴尬能力 2.类中的函数重载 3.小结 1.友元的尴尬能力 什么是友元? 友元是C++中的一种关系 友元关系发生在函数与类之间或者类与类之间 友元关系是单项的,不能传递 友元的用法 ...