js的多种数值分类相加,数据先后没有顺序,不确定同类数据多少

下面是js源码片段。看的是思想。
<script type="text/javascript">
deg_countMyChart = function(deptcode){
//定义图表展示数组数据
var areatypeMyChart = [];//类型
var mianjiaraeMyChart = [];//面积
$.ajax({
type : "GET",
url : rootPath + "/areatype/getAreatypeStatisList.jspx",
dataType : "json",
success : function(result) {
if(result.success){ var Area=0;
var Area1=0;
var AreaName1=""; var Area2=0;
var AreaName2=""; var Area3=0;
var AreaName3=""; var Area4=0;
var AreaName4="";
var j=0;
var size = result.obj.length;
for(var i = 0; i<size; i++){
var co= result.obj[i].coordinates;
var coordinates = stringToPointArr_arcgis(co);
var myPolygon = new esri.geometry.Polygon(
new esri.SpatialReference({wkid : 4024}));
myPolygon.addRing(coordinates);
if(myPolygon.type == "polygon") {
var geo = esri.geometry.webMercatorToGeographic(myPolygon);
Area = esri.geometry.geodesicAreas([geo], esri.Units.SQUARE_METERS); if(result.obj[i].areatype=='0030101'){//重点监测区
var dd=(Area*0.0001).toFixed(2);
Area1= parseInt(Area1)+parseInt(dd);
AreaName1=result.obj[i].areatypename;
}
if(result.obj[i].areatype=='0030102'){//重点监测区
var dd=(Area*0.0001).toFixed(2);
Area2= parseInt(Area2)+parseInt(dd);
AreaName2=result.obj[i].areatypename;
}
if(result.obj[i].areatype=='0030103'){//重点监测区
var dd=(Area*0.0001).toFixed(2);
Area3= parseInt(Area3)+parseInt(dd);
AreaName3=result.obj[i].areatypename;
}
if(result.obj[i].areatype=='0030104'){//重点监测区
var dd=(Area*0.0001).toFixed(2);
Area4= parseInt(Area4)+parseInt(dd);
AreaName4=result.obj[i].areatypename;
} } }
mianjiaraeMyChart.push(Area1);
areatypeMyChart.push(AreaName1);
mianjiaraeMyChart.push(Area2);
areatypeMyChart.push(AreaName2);
mianjiaraeMyChart.push(Area3);
areatypeMyChart.push(AreaName3);
mianjiaraeMyChart.push(Area4);
areatypeMyChart.push(AreaName4); countMyChart(areatypeMyChart,mianjiaraeMyChart);
}
else {
parent.$.messager.alert('警告', result.msg, 'warning');
return false;
}
}
});
}
countMyChart = function(areatype,areatypeMyChart){
$("#prairieDeg_count_chart").show();
// 基于准备好的dom,初始化echarts图表
var prairieDegMyChart = echarts.init(document.getElementById('prairieDeg_count_chart')); //内置主题('macarons', 'infographic')
var option = {
tooltip: {
show: true
},
legend: {
data:['总公顷']//','发生区','预报检测区','重点监测区
},
toolbox: {
show : true,
feature : {
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true,name:'统计分析数据—生产力预警'}
}
},
calculable : true,
xAxis : [
{
"name":"区域类型",
type : 'category',
data :areatype,
axisLabel:{
interval:0,
rotate:13, //倾斜度 -90 至 90 默认为0
margin:10,
textStyle:{
fontWeight:"bolder",
color:"#000000"
}
}
}
],
yAxis : [
{
"name":"面积/公顷",
type : 'value'
}
],
series : [
{
"barWidth" : "40",
"name":"总公顷",
"type":"bar",
"data":areatypeMyChart,//--
itemStyle: {
normal: {
label: {
show: true,
position: 'top',
formatter: '{c}'
}
}
}
}
]
};
// 为echarts对象加载数据
prairieDegMyChart.setOption(option);
}
</script>
},
toolbox: {
show : true,
feature : {
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true,name:'统计分析数据—生产力预警'}
}
},
calculable : true,
xAxis : [
{
"name":"区域类型",
type : 'category',
data :areatype,
axisLabel:{
interval:0,
rotate:13, //倾斜度 -90 至 90 默认为0
margin:10,
textStyle:{
fontWeight:"bolder",
color:"#000000"
}
}
}
],
yAxis : [
{
"name":"面积/公顷",
type : 'value'
}
],
series : [
{
"barWidth" : "40",
"name":"总公顷",
"type":"bar",
"data":areatypeMyChart,//--
itemStyle: {
normal: {
label: {
show: true,
position: 'top',
formatter: '{c}'
}
}
}
}
]
};
// 为echarts对象加载数据
prairieDegMyChart.setOption(option);
}
</script>
js的多种数值分类相加,数据先后没有顺序,不确定同类数据多少的更多相关文章
- 《项目经验》--通过js获取前台数据向一般处理程序传递Json数据,并解析Json数据,将前台传来的Json数据写入数据库表中
先看一下我要实现的功能界面: 这个界面的功能在图中已有展现,课程分配(教师教授哪门课程)在之前的页面中已做好.这个页面主要实现的是授课,即给老师教授的课程分配学生.此页面实现功能的步骤已在页面 ...
- chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法[bubuko.com]
chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法,原文:http://bubuko.com/infodetail-328671.html 默认情况下如下图 Y轴并不是从0开始 ...
- 通过js获取前台数据向一般处理程序传递Json数据,并解析Json数据,将前台传来的Json数据写入数据库表中
摘自:http://blog.csdn.net/mazhaojuan/article/details/8592015 通过js获取前台数据向一般处理程序传递Json数据,并解析Json数据,将前台传来 ...
- js面向对象 多种创建对象方法小结
转自js面向对象 多种创建对象方法小结 1.对象字面量 var clock={ hour:12, minute:10, second:10, showTime:function(){ alert(th ...
- Web jquery表格组件 JQGrid 的使用 - 8.Pager、新增数据、查询、刷新、查看数据
系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件 ...
- Java抓取网页数据(原来的页面+Javascript返回数据)
转载请注明出处! 原文链接:http://blog.csdn.net/zgyulongfei/article/details/7909006 有时候因为种种原因,我们须要採集某个站点的数据,但因为不同 ...
- python2/3中 将base64数据写成图片,并将图片数据转为16进制数据的方法、bytes/string的区别
1.python2将base64数据写成图片,并将数据转为16进制字符串的方法 import binascii img = u'R0lGODlhagAeAIcAAAAAAAAARAAAiAAAzABE ...
- ajax异步获取数据后动态向表格中添加数据(行)
因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有 看到现成的,决定自己写个例子 1.HTML页面 <!doctype html> ...
- 大数据学习[16]--使用scroll实现Elasticsearch数据遍历和深度分页[转]
题目:使用scroll实现Elasticsearch数据遍历和深度分页 作者:星爷 出处: http://lxWei.github.io/posts/%E4%BD%BF%E7%94%A8scroll% ...
随机推荐
- mysql pager用法&命令行命令
下面讲的命令,有部分只能在linux上才有.像pager命令windows上就没有了. 分屏:在Linux上,而且不是xwindow时,使用mysql命令行时,输出太多的东西,看不到就很悲剧了.在sh ...
- android中后一个activity传值给前一个activity的实现
前一个activity跳转到后一个activity设置code: Intent intent=new Intent(MainActivity.this,ActivityTwo.class); star ...
- Python基础之 一 补充
三元运算: 语法:result = 值1 if 条件 else 值2 当条件为真时,result = 值1 当条件为假时,result = 值2 进制: 二进制:01 八进制:01234567 十进制 ...
- Ubuntu 16.04 LTS GNOME版本下载
下载地址: http://cdimage.ubuntu.com/ubuntu-gnome/releases/ Ubuntu GNOME发行版本启动已经有三年的时间了,在社区用户对于在稳定可靠的Ubun ...
- MongoDB小结22 - id生成规则
MongoDB的文档必须有一个_id键. 目的是为了确认在集合里的每个文档都能被唯一标识. ObjectId 是 _id 的默认类型. ObjectId 采用12字节的存储空间,每个字节两位16进制数 ...
- mysql你确定掌握的那些sql语句
1.创建表 create table test(uid int not null,create_time timestamp default current_timestamp); 即:没有双引号,单 ...
- SAS学习笔记 - 基本原理与概念
1.赋值符号 由一个尖括号和一个符号组成,可以从左到右也可以从右到左,即“->”或者“<-”. 赋值号也可以使用等号“=”. 如果对象已经存在,那么原先的值会被覆盖.除了可以赋一个数值,还 ...
- c++11中的线程、锁和条件变量
void func(int i, double d, const string& s) { cout << i << ", " << d ...
- PLU Decomposition
PLU分解的优点是,能够将Ax=b的矩阵,转换成Ly=b, Ux = y 的形式.当我们改变系数矩阵b时,此时因为矩阵L和U均是固定 的,所以总能高效的求出矩阵的解. // LU.cpp : Defi ...
- Vue.js 组件的三个 API:prop、event、slot
组件的构成 一个再复杂的组件,都是由三部分组成的:prop.event.slot,它们构成了 Vue.js 组件的 API.如果你开发的是一个通用组件,那一定要事先设计好这三部分,因为组件一旦发布,后 ...