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",我在无意中发现了它们所具有的相同的一些用法,先举 ...
随机推荐
- vim 简单用法
vim 是一个纯文本编辑器 模式化的编辑器 1:编辑模式2:输入模式3:末行模式 : 具有命令的接口,在末行模式中可以直接的通过命令修改vim编辑器打开的文本文件 模式转换 1:编辑模式—>输入 ...
- HTML图片标签
<body> <!-- 使用img标签来向网页中引入外部的图片, img标签也是一个自结束标签 属性: src:设置一个外部图片的路径 alt:可以用来设置图片不能显示时,就会显示图 ...
- 201621123037 《Java程序设计》第12周学习总结
作业12-流与文件 标签(空格分隔): Java 1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多流与文件相关内容. 答: 读取操作 从文件中读取: 1.字节流 InputStr ...
- 【leetcode】59.Spiral Matrix II
Leetcode59 Spiral Matrix II Given an integer n, generate a square matrix filled with elements from 1 ...
- Ribbon源码解析
SpringCloud中的Ribbon开源项目,提供了客户端的负载均衡算法.这篇文章,我们来介绍下他是如何实现的.为了方便理解,我们以客户端调用的流程来介绍,其中会穿插介绍相关源代码. 简单回顾下Ri ...
- 在MySQL中如何使用覆盖索引优化limit分页查询
背景 今年3月份时候,线上发生一次大事故.公司主要后端服务器发生宕机,所有接口超时.宕机半小时后,又自动恢复正常.但是过了2小时,又再次发生宕机. 通过接口日志,发现MySQL数据库无法响应服务器.在 ...
- windows远程连接设置
1.设置整个服务器只允许一个连接. 使用组策略管理gpedit.msc, 计算机配置>管理模板>windows组件 >终端服务>限制连接数量,设为已启动,数量设置为1. 此设置 ...
- adb使用过程常见的几种错误总结
问题1:Failure [INSTALL_FAILED_ALREADY_EXISTS] 问题原因:该程序已存在. 解决方法:增加-r参数,即可成功覆盖安装 问题2:Failure [INSTALL_F ...
- 【前端学习笔记】JavaScript 常用方法兼容性封装
获取样式函数封装 function getStyle(ele,attr){ if(ele.currentStyle){ return ele.currentStyle[attr]; } else{ r ...
- UVA11735_Corner the Queens
题目是这样的,游戏规则,每个人轮流将二维空间上的皇后往下,往左或者往斜下45度的方向移动. 谁第一个移动到0,0的位置就获胜. 题目给定你若干个矩形,求矩形中任取一点且该点必胜的概率有概率. 其实是这 ...