求这两张图的大图（游戏人生）_百度知道
求这两张图的大图（游戏人生）
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
spiderwillcome
spiderwillcome
采纳数：6484
获赞数：10734
下面的没有长图么？
没有了，有下半身的都很小
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。应用 Dojo 蜘蛛图进行数据展示
场景描述在应用中我们可能会碰见这样的情况，我们需要在一个图表上展示包含多个维度的信息，随着维度的增加，我们会发现一般的图表无法充分和直观的展现这些信息。如企业经营状况各项指标数据的分析以及用户行为各项特征的数据分析等。在最近的应用中我也遇到了这样的情况，经过分析发现，对于这类数据，使用蜘蛛图来展示能达到非常直观的效果。因为蜘蛛图能直观的展示数据的变动趋势和差异对比。在用来绘制蜘蛛图的第三方类库和框架中，JFreeChart 和 Dojo 比较常用。JFreeChart 是拥有 LGPL License 的后台 Java 实现的类库；Dojo 是拥有 BSD License 的前端 JavaScript 框架。出于对 License 和易用性的考虑在应用中我们选择了 Dojo 的 Spider 组件来绘制蜘蛛图。下面主要是对该组件的介绍。介绍的内容以及示例代码都是基于 Dojo 的 1.7.2 版本。Dojo 框架简介作为如今前端开发中非常优秀的 Ajax 框架之一，Dojo 以其强大的功能、丰富的组件，灵活的编程风格著称。Dojo 框架按功能分为 dojo、dijit、dojox 三个顶级包。dojo 是整个框架的核心库，dijit 是一系列的 UI widget 的集合库，dojox 是一组基于 dojo 的开源项目的集合，这些开源项目具有很好的创意和很高的实用性。dijit、dojox 都是基于 dojo 进行的扩展。本文主要是对 dojox 中 charting 项目下的 spider 组件进行介绍，并结合实例展示如何使用。Dojo charting 概述charting 是基于 dojox 绘图包的数据可视化组件，包括了基于 Chart2D 和 Chart3D 来分别绘制 2D 和 3D 的图表。Chart2D 提供多种样式的饼图、柱状图、折线图、面积图、网格、蜘蛛图（spider chart）等图表。Chart3D 仅提供了 3D 柱状图和 3D 圆柱图。目前 charting 项目下主要包含如下一些元素：dojox.charting.Chart&Chart3D:绘制图表的基础类，基础面板，不同类型的图表都加载在该面板上。dojox.charting.acton2d:该包下的元素主要提供图表上的一些动作效果。如：Tooltip、Shake、MoveSlice 等。dojox.charting.axis2d:该包下的元素是图表中绘制各种轴线的基础元素。dojox.charting.plot2d&plot3d:绘制具体图表的元素集合。如：Bars、Columns、Lines、Grid、Spider 等。dojox.charting.Series:封装在图表上显示的数据集合。dojox.charting.Theme:为图表提供默认的主题元素。dojox.charting.themes:为图表提供一些扩展主题。dojox.charting.widget:提供图表中需要的一些可视化组件。如：Legend、SelectableLegend、Sparkline。绘制一个 charting 图表主要分为如下几个步骤：
引入所需要的 Dojo 类，如：dojo.require("dojox.charting.Chart2D"); //Chart2D所需要的2D类dojo.require("dojox.charting.Chart3D"); //Chart3D所需要的3D类dojo.require("dojox.charting.themes.PlotKit.blue"); //样式主题
创建 chart 对象，对象为 Chart、Chart2D、Chart3D 其中之一，如：
var c1=new dojox.charting.Chart2D('chart1');这里传入的参数是页面中加载 c1 图表的元素的 id；
使用 chart 对象的 setTheme 为 chart 对象设置主题，来保证准确的绘制图表；
使用 chart 对象的 addPlot 方法为 chart 对象添加部件，可以添加多个部件；
使用 chart 对象的 addSeries 方法为 chart 对象添加数据；
最后，调用 chart 对象的 render 方法将图表渲染到页面的节点中。Dojo Spider 组件介绍charting 下的 Spider 组件是在 Dojo1.5 版本之后整合进来的一个开源组件，用于展示包含多个维度的数据。相对于柱状图，蜘蛛图展示的图表显的更为直观。该组件继承于 dojox.charting.Element 类，下面我们介绍一下该组件包含的属性和方法。属性介绍默认属性：默认属性都会有默认的值，如果在应用中没有指定值则组件采用默认的值。表 1. 默认属性列表
true: 显示 label； false: 不显示 label。
该属性跟 precision 属性一起使用，true: 坐标轴上的数值保留 precision 设置的小数位；false: 坐标轴上的数值不做任何限制，是整数则显示整数，是 double 则显示 double，precision 设置的属性是无效的。
设置坐标轴上数值保留的小数位。
labelOffset
用于设置 label 显示的位置相对于坐标轴顶点的偏移量。
labelStyle
用于设置 label 的显示方式，主要有 defaultr,ows,auto 三种选择。
htmlLabels
用于设置 label 的内容是否支持 html 标签，true：支持；false：不支持；
startAngle
可设置的为 -180 到 180 之间（含两端）的值。用于设置每个轴线的偏转角度。
用于设置在每个坐标轴线上多少个坐标值。
设置轴线颜色的样式。
设置轴线的宽度
spiderColor
设置蜘蛛网颜色的样式。
spiderWidth
设置蜘蛛网网线的宽度。
seriesWidth
设置每一个 plot 的边线的宽度。
seriesFillAlpha
设置 plot 填充色的透明度。
spiderOrigin
设置蜘蛛网的开始点所在的位置相对于整个轴线所占的百分比。
markerSize
单位为 px，设置标记的半径的大小。
spiderType
设置蜘蛛网的形状，目前有”polygon”、”circle”两种形状选择。
animationType
动作特效，设置鼠标移上或移出 plot 的效果。
easing.backOut
axisTickFont
设置坐标轴上数字的字体样式。
axisTickFontColor
设置坐标轴上显示的数字的颜色的样式。
设置 label 的字体样式。
axisFontColor
设置 label 字体颜色的样式。
选项属性：这些属性为可选属性，如果没有显示指定值，则这些属性的默认值是不起效果的。目前只有下面表 2 中的三个可选的属性。表 2. 选项属性列表
单位 px，设置蜘蛛网的半径的大小 ( 半径的大小也就是坐标轴的长度 )，该属性对于动态控制蜘蛛图的大小非常有用。
设置蜘蛛图的全局字体的样式。
设置蜘蛛图的全局字体的颜色。
方法介绍下面主要介绍 Spider 类的几个主要方法，因为在实际绘制蜘蛛图中我们一般不直接调用 Spider 类下的方法，主要操作的是 dojox.charting.Chart 类下的方法。所以这里除了主要介绍几个 Spider 的方法外还要介绍 Chart 类的几个方法。Spider 类方法：constructor(chart,kwArgs)：构造方法，用于创建 Spider 对象，chart dojox.charting.Chart 对象；kwArgs 一些用于设置蜘蛛图显示效果的参数集（参数为上面介绍的参数）。addSeries(run)：增加一个 series 数据到当前的 plot 中，run 一个待增加的数据对象。clear()：清空所有 banding 在当前 plot 上的信息。并返回当前 Spider 对象。setAxis()：该方法是个空方法体没有任何功能。render(dim,offset)：进行蜘蛛图的绘制，该方法主要提供给绑定的 dojox.charting.Chart 对象调用。dim{width,height} 类型的对象；offset{offsetLeft,offsetRight,offsetTop,offsetBottom } 类型对象。Chart 类方法：constructor(node,kwArgs)：构造方法，创建 Chart 对象。node 加载该图表的节点 ,kwArgs 绘制该图表需要的参数集合，需要的参数根据具体的图形类而定。如果是 spider 图形，则参数为上面介绍的参数。addPlot(name,kwArgs)：在 Chart 面板中增加一个 Plot，并以 Name 进行标识，如果该 name 已经存在，则用 kwArgs 参数更新之前对应的参数。name 标识该 plot 的名称，kwArgs 绘制该 plot 需要的一些参数信息集合。addSeries(name,data,kwArgs)：在当前的 plot 中增加一个 series 数据，name 增加的 series 的名称；data 绘制 series 的数据；kwArgs 修饰当前 series 的一些参数信息。updateSeries(name,data)：更新 name 指定的 series，name 待更新的 series 的名称；data 更新的数据。removePlot(name)：删除指定 name 的 plot。removeSeries(name)：删除指定 name 的 series。connectToPlot(name,object,method)：在 name 指定的 plot 上绑定事件。name 需要绑定事件的 plot 的名称；object 传递到 method 中的数据对象；method 绑定的事件处理方法。render()：进行图表的渲染，最终显示在页面上。应用 Spider 展示数据下面主要通过实例来介绍如何使用 Spider 展示数据，如何更新 Spider 的数据，如何动态改变属性设置，如何动态绑定事件监听等。Spider 展示数据下面通过一个实例代码来介绍如何用 Spider 来展示数据。清单 1. 如何使用 Spider 展示数据 &script type="text/javascript"&
// 加载被用到的其他类文件
dojo.require("dojox.charting.Chart");
dojo.require("dojox.charting.plot2d.Spider");
dojo.require("dojox.charting.themes.PlotKit.blue");
dojo.require("dijit.Tooltip");
dojo.require("dijit.form.CheckBox");
dojo.require("dijit.form.RadioButton");
dojo.require("dijit.form.Form");
dojo.require("dojo.fx.easing");
dojo.require("dojox.gfx.fx");
dojo.require("dojox.charting.widget.SelectableLegend");
var dc = dojox.charting,
// 网线的数目
divisions = 7,
// 网的形状
stype = "polygon",
// 特效样式
easing = dojo.fx.easing.backO
var chart1,
makeObjects = function(){
// 创建 Chart 面板对象
chart1 = new dojox.charting.Chart("test1");
// 设置 Chart 的 Theme
chart1.setTheme(dojox.charting.themes.PlotKit.blue);
// 加载 Plot, 设置对应 plot 的属性值
chart1.addPlot("default", {
type: "Spider",
labelOffset: -10,
divisions: divisions,
axisWidth: 1,
spiderWidth: 0,
seriesWidth: 1,
axisColor: "lightgray",
spiderColor:"silver",
seriesFillAlpha: 0.2,
spiderOrigin:
markerSize: 3,
precision: 0,
radius: 200,
spiderType: stype
// 添加数据集合，每一个数据集对应一个图形。
chart1.addSeries("China", {data: {"GDP": 2,"area": 6, " population ": 2000,
"inflation": 15,"growth": 12}}, { fill: "blue" });
chart1.addSeries("France", {data: {"GDP": 6,"area": 15, "population": 500,
"inflation": 5,"growth": 6}}, { fill: "red" });
chart1.addSeries("USA", {data: {"GDP": 3,"area": 20, "population": 1500,
"inflation": 10,"growth": 3}}, { fill: "green" });
chart1.addSeries("Japan", {data: {"GDP": 4,"area": 2, "population": 1000,
"inflation": 20,"growth": 2}}, { fill: "yellow" });
chart1.addSeries("Korean", {data: {"GDP": 10,"area": 10, "population": 800,
"inflation": 2,"growth": 18}}, { fill: "orange" });
chart1.addSeries("Canada", {data: {"GDP": 1,"area": 18, "population": 300,
"inflation": 3,"g population rowth": 15}}, { fill: "purple" });
// 在界面上渲染显示
chart1.render();
// 添加对应的 legend
leg = new dc.widget.SelectableLegend({chart: chart1, horizontal: true},"legend1");
// 页面加载的时候加载
dojo.addOnLoad(makeObjects);
&/script&对于上面的代码主要包含如下几部分内容：
代码 1-2：加载绘制蜘蛛图需要的一些关联类文件，其中包括图形组件，主题，特效，图例等。
代码 2-3：申明变量和初始化，包括特效样式，网形状和网线数目。
代码 3-4：创建图表对象，设置图表主题以及绘制图表需要的参数信息。
代码 4-5：绑定图表显示的数据，每一个 series 数据对应图表上的一个图形。
代码 5-6：把图表渲染在页面上以及绑定对应的 legend。
代码 7-8：指定在何时绘制图表，这里是在页面加载完成后绘制图表。得到的图形如下：图 1. 应用 spider 展示数据动态更新数据清单 2. 更新 Spider 的数据 function updateData(){
// 更新数据
chart1.updateSeries("China", {data: {"GDP": 8,"area": 2,"population": 500,
"inflation": 2,"growth": 18}}, { fill: "blue" });
chart1.updateSeries("France", {data: {"GDP": 10,"area": 6,"population": 1000,
"inflation": 20,"growth": 12}}, { fill: "red" });
chart1.updateSeries("USA", {data: {"GDP": 2,"area": 5,"population": 1500,
"inflation": 12,"growth": 6}}, { fill: "green" });
chart1.updateSeries("Japan", {data: {"GDP": 1,"area": 20,"population": 500,
"inflation": 5,"growth": 11}}, { fill: "yellow" });
chart1.updateSeries("Korean", {data: {"GDP": 4,"area": 2,"population": 2000,
"inflation": 16,"growth": 8}}, { fill: "orange" });
chart1.updateSeries("Canada", {data: {"GDP": 6,"area": 10,"population": 300,
"inflation": 3,"growth": 2}}, { fill: "purple" });
// 重新渲染
chart1.render();
// 重新渲染 Legend
legend1 && legend1.refresh && legend1.refresh();
}对于上面的代码主要包含如下几部分内容：
代码 1-2：调用 updateSeries 方法更新图表中已经绑定的数据，这里更新的数据的名称必须在图表中已经存在，否则会报错。
代码 2-3：调用 render 方法对页面上的图表进行重新渲染，让更新的数据得到展示，否则图表不会得到更新。
代码 3-4：重新渲染绑定的 legend。动态设置属性清单 3. 动态更新 Spider 属性值 function updateAttributes(){
// 重新加载 plot
chart1.addPlot("default", {
type: "Spider",
divisions: 5,
spiderType: "circle"
// 重新渲染
chart1.render();
}对于上面的代码主要包含如下几部分内容：
代码 1-2：调用 addPlot 方法重新设置图表中需要变更的参数，这里主要把蜘蛛图的外形更新为圆型以及网线为 5。
代码 2-3：调用 render 方法重新渲染图表，让更新的参数信息在图表上得到体现。如上面的代码所示，如果需要改变图中的属性，只需调用 Chart 的 addPlot 方法重新设置需要改变的参数的值，对于没有设置的参数保持原来的不变，最后调用一下 render 方法进行渲染。结果如下：图 2. 更新属性之后的图形在 Plot 上增加事件监听connectToPlot 是一个非常有用的事件绑定方法，可以将事件绑定到图表的任意元素上，比如：maker。支持的事件包括下面三种：
onmouseover
onmouseout清单 4：在图标上绑定鼠标点击事件 chart.connectToPlot("default",
function(args) {
switch (args.type) {
case "onclick":
topicName = dojo.byId("args.tdata.key").
// 加载另一个蜘蛛图
loadingSpiderChart2(args.tdata.key,topicName);
}catch(e){
case "onmouseover":
case "onmouseout":
}在清单 4 的代码中，只是对图表上鼠标点击事件进行了监听处理，当鼠标点击图表上的某个 maker 时，获得该 maker 表示的话题名称，根据话题名称绘制出该话题下的子话题的蜘蛛图。效果如下图：图 3. 在 Plot 上监听单击事件的效果图经验分享和总结如果应用中需要展示只含一个 series 数据的蜘蛛图，像图 1 中只展示 china 的数据，需要人为的给每一个轴线上设置一个最小坐标和最大坐标，否则整个图形会变成一个圆点，达不到具体的图形效果。这主要由于 Spider 类是根据所有 series 数据在对应轴线维度上的最小值作为轴线的开始点，最大值作为轴线的结束点。所以对于一个 series 数据的蜘蛛图，开始点和结束点在同一个点，这样我们就会看到整个图形在圆点。这也许是 spider 的一个 bug，但可以通过下面的解决方法达到预期的效果：
根据数据的业务需求增加一个确定各坐标开始点的 series，如：chart1.addSeries("min", {data: {"GDP": 0,"area": 0,"population": 0,"inflation": 0,"growth": 0}}, { fill: "red" });
根据数据的业务需求增加一个确定坐标结束点的 series，如：chart1.addSeries("max", {data: {"GDP": 100,"area": 100,"population": 2000,"inflation": 40,"growth": 40}}, { fill: "green" });
调用 render() 方法渲染到页面上。
调用 chart1.removeSeries(“min”), chart1.removeSeries(“max”) 移除绘制开始和结束点的 series，在这之后不能再调用 render() 方法进行渲染，否则图形重新回编程一个圆点。通过上面的内容我们应该达到对 Spider 组件有了一定的了解以及知道如何使用 Spider 组件来展示多维度的数据和动态改变数据的展示。
相关主题，对 Dojo 进行了全面的介绍，是一个入门的好资源。
，提供了最全面的资料，包括 Dojo 源码，各种文档，实例等。
，学习 Dojo 不可不读的资料，介绍的很全面。
，可以得到关于 Firebug 的最新信息。
，一个很不错的介绍 Dojo 应用的 Blog。
：本专题既有 Dojo 入门的基础知识内容，也有使用的开发技巧，同时您还可以了解到很多高级的应用技巧。：通过专门关于 Web 技术的文章和教程，扩展您在网站开发方面的技能。：这是有关 Ajax 编程模型信息的一站式中心，包括很多文档、教程、论坛、blog、wiki 和新闻。任何 Ajax 的新信息都能在这里找到。，这是有关 Web 2.0 相关信息的一站式中心，包括大量 Web 2.0 技术文章、教程、下载和相关技术资源。您还可以通过
栏目，迅速了解 Web 2.0 的相关概念。查看 ，了解更多和 HTML5 相关的知识和动向。
添加或订阅评论，请先或。
有新评论时提醒我
static.content.url=http://www.ibm.com/developerworks/js/artrating/SITE_ID=10Zone=Web developmentArticleID=856428ArticleTitle=应用 Dojo 蜘蛛图进行数据展示publish-date=本地高速下载器地址
常用软件推荐
原创软件推荐
DeviantArt Spider是一款帮助你从DeviantArt网站下载照片的工具。只需要输入一个作者的主页相册集的地址，DeviantArt Spider 就能够分析出其中所有的图片，你可以快速性的选择你想下载的照片，然后DeviantArt Spider会将这些照片全部保存。轻松批量保存 DeviantArt 图片。DeviantArt.com 简称&DA&或&dA&，是一个为艺术家展示各自作品、并交流讨论而设计的社交网络服务网站。它以分类系统为基础，辅以个人日志、新闻、社区论坛、每日作品、人气榜、较爱、收藏和可嵌套的评论与回复系统构建起具有自身特色的社交网络。DeviantArt Spider 主要特点管理下载的照片集对所下载的每个作者的照片集进行管理。你可以浏览，更新，查找，删除这些照片集。单独下载某张照片 如果网络情况不佳时，下载完的照片会出现显示不全的情况，这时可以使用此功能，单独重新下载这张照片。更新作者的较新上传 当你下载了某个作者的图片，过了段时间，作者上传了新的图片，这时你可以使用更新功能，只下载用户较近上传的图片。DeviantArt Spider 主要功能的详细细节&用户界面DeviantArt Spider 拥有容易使用且美观的界面。界面分成三部分，下载任务列表，照片集列表和照片浏览器。顾名思义，下载任务列表显示下载任务，照片集列表显示该任务下的照片集，图像浏览器可以让你浏览每个照片集下的照片。如何使用DeviantArt Spider下载照片？ 首先，找到作者的照片集的链接，类似这样&http://author.deviantart.com/gallery/&，注意 这个链接必须包含作者部分。 点击工具栏创建新任务按钮,出现开始对话框后，复制并粘贴到地址栏，点击开始按钮。 然后，等待一会，这段时间会根据图片集的数量而不同，较多的照片集会花费较长的时间。DeviantArt spider 会显示一个选择列表，列表会显示每个图片的名称，数量，你可以选择你感兴趣的照片或全部的照片,之后点击完成。 较后，DeviantArt spider 就会把所有的你选择的图片全部下载。DeviantArt Spider 的其他功能支持通过代理下载照片用户可以用多种方式浏览照片。例如 面板方式，图标方式，幻灯片等等如果网络断开连接，DeviantArt Spider会等待一直到网络重新连接。允许用户同时下载多张照片。允许用户下载照片而不需要DeviantArt 账户。没有恼人的广告。通过安全网站购买支持 Windows XP / 2003 / Windows 7 32位或64位，主流的windows 32位/64位操作系统平台DeviantArt Spider分为免费版和正式版件，区别在于免费版每次只能下 15 张图片，而正式版无此限制。
图片下载工具是一种可快速的下载图片的工具，只要一个网址就会自动搜寻图片，把图片全部抓回你的计算机中！怎么样？是不是觉得很有用？本站提供图片下载工具新版下载，有需要的朋友我可以来看看哦！
神速阿里巴巴图片下载器可以快速采集阿里巴巴，淘...
v7.4.4.3 标准版
啄木鸟图片下载器是一款可批量下载QQ空间、QQ群、...
七彩色淘宝宝贝图片下载工具，下载淘宝宝贝图片很...
图老弟京东图片下载器是一款为网商服务的软件，可...
高速下载器地址
适合机型：三星GalaxyS9,三星GalaxyS9刷机包
Android版本:8.0.0
ROM大小:2580 MB
本站提供的软件会测试再上传，但无法保证所有软件都没有问题，如果您发现链接错误或其它问题，请在评论里告诉我们！
下载点支持点击下载(IE图标)或(迅雷图标)，若直接点击下载速度太慢，请尝试点击其他的下载点，若文件太大请使用高速下载器。为确保下载的文件能正常使用，请使用最新版本解压本站软件。
建议大家谨慎对待所下载的文件，大家在安装的时候务必留意每一步！关于或的有关提示，请自行注意选择操作。
本站所有资源均是软件作者、开发商投稿、网上搜集，任何涉及商业盈利目的均不得使用，否则产生的一切后果将由您自己承担！将不对任何资源负法律责任。所有资源请在下载后24小时内删除。
本站下载资源全部由软件作者或软件厂商提供，游戏相关下载转自各大游戏论坛及游戏下载站，并全部为免费分享。如侵犯了您的版权，请立刻联系我们并附带版权证明，本站将尽快处理删除（举报联系QQ：3909136），或。
若您下载的资源有问题或无法下载，请与本站客服人员联系（QQ：9190104）。泰国插画艺术家SpiderWee的一组漫威角色卖萌图|泰国|插画|漫威_新浪网
泰国插画艺术家SpiderWee的一组漫威角色卖萌图
泰国插画艺术家SpiderWee的一组漫威角色卖萌图
泰国插画艺术家SpiderWee的一组漫威角色卖萌图，希望可以治愈你看完复联3的心情！
泰国插画艺术家SpiderWee的一组漫威角色卖萌图，希望可以治愈你看完复联3的心情！
泰国插画艺术家SpiderWee的一组漫威角色卖萌图，希望可以治愈你看完复联3的心情！
泰国插画艺术家SpiderWee的一组漫威角色卖萌图，希望可以治愈你看完复联3的心情！
泰国插画艺术家SpiderWee的一组漫威角色卖萌图，希望可以治愈你看完复联3的心情！
泰国插画艺术家SpiderWee的一组漫威角色卖萌图，希望可以治愈你看完复联3的心情！
泰国插画艺术家SpiderWee的一组漫威角色卖萌图，希望可以治愈你看完复联3的心情！
泰国插画艺术家SpiderWee的一组漫威角色卖萌图，希望可以治愈你看完复联3的心情！
泰国插画艺术家SpiderWee的一组漫威角色卖萌图，希望可以治愈你看完复联3的心情！
特别声明：以上文章内容仅代表作者本人观点，不代表新浪看点观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与新浪看点联系。21 条评论分享收藏感谢收起赞同 添加评论分享收藏感谢收起写回答