下面是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. Thawte 企业版代码签名证书

      Thawte企业版代码签名证书 ,严格验证企业身份,如果您是个人开放者,请申请Thawte 个人代码签名证书.Thawte企业代码签名证书 可帮助程序开发者使用微软代码签名工具(Microsoft ...

  2. [luoguP1021] 邮票面值设计(DFS + dp)

    传送门 数据很小,可以DFS,判断的时候用背包DP 然而不知到枚举到哪里.... 首先枚举前可以求一遍题目中的MAX,下一层DFS的时候可以只枚举到MAX + 1,因为再往上就必定会出现断层 蒟蒻很菜 ...

  3. 【Eclipse+IntelliJ反编译】Eclipse/IntelliJ IDEA反编译查看源码及注释

    怎么用IDE查看第三方jar包的源码和注释,IntelliJ IDEA自带反编译器,Eclipse装个插件即可,不能看注释就麻烦了,总不能去找API文档吧,现在终于掌握了,下面给出解决方案,供大家参考 ...

  4. MeepoPS基本使用方法

    MeepoPS基本使用 MeepoPS是Meepo PHP Socket的缩写. 旨在提供高效稳定的由纯PHP开发的多进程SocketService. MeepoPS可以轻松构建在线实时聊天, 即时游 ...

  5. NOIP 2010 乌龟棋

    P1541 乌龟棋 题目背景 小明过生日的时候,爸爸送给他一副乌龟棋当作礼物. 题目描述 乌龟棋的棋盘是一行 NN 个格子,每个格子上一个分数(非负整数).棋盘第1格是唯一的起点,第 NN 格是终点, ...

  6. eclipse断点有个斜杠 skip all breakpoints

    切换到debug,单击下 skip all breakpoints 即可

  7. 我的arcgis培训照片10

    来自:http://www.cnblogs.com/gisoracle/p/4297439.html

  8. node-npm/yarn

    很多人对npm或yarn了解甚少吧,下面我介绍一下常用的yarn/npm所谓的包管理工具. 首先我先介绍一下,npm属于国外Google镜像(下载贼慢),yarn属于Facebook开发的. npm: ...

  9. android 加密手机完毕后待机两分钟出现有频率的杂音

    这个音效是code里面主动加的,是为了提醒end user输入PIN的一个提示音,也标志着加密手机动作的完毕. 详细位置是在alps\packages\apps\Settings\src\com\an ...

  10. 【Linux多线程】同步与互斥的区别

    同步与互斥这两个概念经常被混淆,所以在这里说一下它们的区别. 一.同步与互斥的区别 1. 同步 同步,又称直接制约关系,是指多个线程(或进程)为了合作完成任务,必须严格按照规定的 某种先后次序来运行. ...