下面是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的多种数值分类相加,数据先后没有顺序,不确定同类数据多少的更多相关文章

  1. 《项目经验》--通过js获取前台数据向一般处理程序传递Json数据,并解析Json数据,将前台传来的Json数据写入数据库表中

      先看一下我要实现的功能界面:   这个界面的功能在图中已有展现,课程分配(教师教授哪门课程)在之前的页面中已做好.这个页面主要实现的是授课,即给老师教授的课程分配学生.此页面实现功能的步骤已在页面 ...

  2. chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法[bubuko.com]

    chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法,原文:http://bubuko.com/infodetail-328671.html 默认情况下如下图 Y轴并不是从0开始 ...

  3. 通过js获取前台数据向一般处理程序传递Json数据,并解析Json数据,将前台传来的Json数据写入数据库表中

    摘自:http://blog.csdn.net/mazhaojuan/article/details/8592015 通过js获取前台数据向一般处理程序传递Json数据,并解析Json数据,将前台传来 ...

  4. js面向对象 多种创建对象方法小结

    转自js面向对象 多种创建对象方法小结 1.对象字面量 var clock={ hour:12, minute:10, second:10, showTime:function(){ alert(th ...

  5. Web jquery表格组件 JQGrid 的使用 - 8.Pager、新增数据、查询、刷新、查看数据

    系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件 ...

  6. Java抓取网页数据(原来的页面+Javascript返回数据)

    转载请注明出处! 原文链接:http://blog.csdn.net/zgyulongfei/article/details/7909006 有时候因为种种原因,我们须要採集某个站点的数据,但因为不同 ...

  7. python2/3中 将base64数据写成图片,并将图片数据转为16进制数据的方法、bytes/string的区别

    1.python2将base64数据写成图片,并将数据转为16进制字符串的方法 import binascii img = u'R0lGODlhagAeAIcAAAAAAAAARAAAiAAAzABE ...

  8. ajax异步获取数据后动态向表格中添加数据(行)

    因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有 看到现成的,决定自己写个例子 1.HTML页面 <!doctype html> ...

  9. 大数据学习[16]--使用scroll实现Elasticsearch数据遍历和深度分页[转]

    题目:使用scroll实现Elasticsearch数据遍历和深度分页 作者:星爷 出处: http://lxWei.github.io/posts/%E4%BD%BF%E7%94%A8scroll% ...

随机推荐

  1. Unity 3D 使用TerrainCompose 调用RTP 报错:

    Unity 3D:5.2 version TerrainCompose:1.92 version RTP:3.2d version Unity 3D  使用TerrainCompose 调用RTP 报 ...

  2. 【03】placeholder

    placeholder   表单占位符解决方案 Css Code :-moz-placeholder, ::-webkit-input-placeholder{ color: #bfbfbf; } . ...

  3. cf 55D 数位dp 好题

    /* 刚开始我考虑0的情况,想将他剔除就将lcmn设为-1,这样还要判断0和lcmn是-1的情况很麻烦而且但是一直出错 后来觉得不用管0的情况就行了,可以认为符合. 解:将lcmn离散化,因为1-9的 ...

  4. bzoj5105 晨跑 数论lcm

    “无体育,不清华”.”每天锻炼一小时,健康工作五十年,幸福生活一辈子”在清华,体育运动绝对是同学们生活中 不可或缺的一部分.为了响应学校的号召,模范好学生王队长决定坚持晨跑.不过由于种种原因,每天都早 ...

  5. C++ fill 和memset

    以下内容来自www.cplusplus.com--------------------------------------------------- FILL: template <class ...

  6. [bzoj1485][HNOI2009]有趣的数列_卡特兰数_组合数

    有趣的数列 bzoj-1485 HNOI-2009 题目大意:求所有1~2n的排列满足奇数项递增,偶数项递增.相邻奇数项大于偶数项的序列个数%P. 注释:$1\le n\le 10^6$,$1\le ...

  7. HashMap的工作原理以及代码实现,为什么要转换成红黑树?

    原理参考:https://blog.csdn.net/striveb/article/details/84657326 总结: 为什么当桶中键值对数量大于8才转换成红黑树,数量小于6才转换成链表? 参 ...

  8. JAVA分布式架构

  9. JAVA调用动态链接库(dll)

        菜鸡爬坑 基础知识  因为某个东西的keygen我只会在win下生成!! 所以只能出此下策!!之前一直是android下用jni调用so文件,现在试下java在win平台下调用dll 首先还是 ...

  10. 【转】Golang 关于通道 Chan 详解

    原文:http://blog.csdn.net/netdxy/article/details/54564436 在用 chan 类型时,发生死锁的错误,表面上看不出什么问题 ------------- ...