amcharts的一些用法
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的一些用法的更多相关文章
- EditText 基本用法
title: EditText 基本用法 tags: EditText,编辑框,输入框 --- EditText介绍: EditText 在开发中也是经常用到的控件,也是一个比较必要的组件,可以说它是 ...
- jquery插件的用法之cookie 插件
一.使用cookie 插件 插件官方网站下载地址:http://plugins.jquery.com/cookie/ cookie 插件的用法比较简单,直接粘贴下面代码示例: //生成一个cookie ...
- Java中的Socket的用法
Java中的Socket的用法 Java中的Socket分为普通的Socket和NioSocket. 普通Socket的用法 Java中的 ...
- [转载]C#中MessageBox.Show用法以及VB.NET中MsgBox用法
一.C#中MessageBox.Show用法 MessageBox.Show (String) 显示具有指定文本的消息框. 由 .NET Compact Framework 支持. MessageBo ...
- python enumerate 用法
A new built-in function, enumerate() , will make certain loops a bit clearer. enumerate(thing) , whe ...
- [转载]Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结,需要的朋友可以参考下,希望对大家有所帮助. 详细解读Jquery各Ajax函数: ...
- 【JavaScript】innerHTML、innerText和outerHTML的用法区别
用法: <div id="test"> <span style="color:red">test1</span> tes ...
- chattr用法
[root@localhost tmp]# umask 0022 一.chattr用法 1.创建空文件attrtest,然后删除,提示无法删除,因为有隐藏文件 [root@localhost tmp] ...
- 萌新笔记——vim命令“=”、“d”、“y”的用法(结合光标移动命令,一些场合会非常方便)
vim有许多命令,网上搜有一堆贴子.文章列举出各种功能的命令. 对于"="."d"."y",我在无意中发现了它们所具有的相同的一些用法,先举 ...
随机推荐
- ORACLE公司传奇历史
ORACLE公司传奇 ORACLE公司之起源 很难想象,ORACLE 公司的这一段传奇居然要从 IBM 公司开始. 1970年的6月,IBM 公司的研究员埃德加·考特 (Edgar Frank Cod ...
- DB2的编目
D在DB2数据库中,编目(catalog)这个单词很难理解,我自己当初在学习DB2的时候也常常被这个编目搞的很不明白,直到现在我个人也感觉到DB2中编目(catalog)这个术语用的不是很好,具体来说 ...
- maven Web项目中POM的配置信息
什么是POM? POM是项目对象模型(Project Object Model)的简称,它是Maven项目中的文件,使用XML表示,名称叫做pom.xml.在Maven中,当谈到Project的时候, ...
- 最简单的Linux下apache+mysql+php安装
转载:http://www.jb51.net/article/29843.htm ubuntu下需要先更新系统后 流程笔记: 1.打开终端,输入“sudo apt-get install apache ...
- postman优缺点
postman优缺点分析 优点:门槛低,上手快 优点: 脚本语言是js 优点:自带各种代码模块 优点:跨平台 优点: 免费版就已经非常强大了,支持http,https协议 优点:有命令行版本,newm ...
- jquery中的append功能相当于剪切的作用 将原来的元素剪切走
jquery中的append功能相当于剪切的作用 将原来的元素剪切走
- BZOJ 2109 航空管制(拓扑排序+贪心)
绝世好题啊.. 题意:给出一个DAG,和每个点要求出现在这个DAG里面的拓扑排序的位置<=ti,求出所有可能的拓扑排序里面每个点出现的位置的最小值. 正着做不好做,考虑反着做,建立这个图的反图. ...
- 【Mybatis】Mybatis的sql模糊查询
这个网站中有很多方法.https://code.google.com/p/mybatis/issues/detail?id=85 自己试验了如下的方法. 1. 参数中直接加入%% param.set ...
- webpack打包css样式出错
有两个组件home和search 两个组件中都有class为footer的元素 但是search的footer比home的多一条background的样式 本地开发的时候没问题,但是打包之后,home ...
- [AT2364] [agc012_d] Colorful Balls
题目链接 AtCoder:https://agc012.contest.atcoder.jp/tasks/agc012_d 洛谷:https://www.luogu.org/problemnew/sh ...