(new dojox.charting.Chart(node)). 
 addPlot("default",{type: "Candlesticks",gap: 1,minBarSize: 2,maxBarSize: 5 }). 
 addAxis("x",{fixLower: "major",fixUpper: "major",includeZero: true}). 
 addAxis("y",{vertical: true,fixLower: "major",natural: true}). 
 addSeries("Series A",[ 
 { open: 24,close: 8,high: 24,low: 5 },{ open: 8,close: 16,high: 22,low: 2 },{ open: 16,close: 12,high: 19,low: 7 },{ open: 12,close: 20,low: 8 },{ open: 20,................ 
 ],{ stroke: { color: "green" },fill: "lightgreen" } 
 ). 
 render();

Spider 矢量图

这种图俗称蛛网图，又名雷达图。当你需要看到某个对象的一系列属性情况时，雷达图是再适合不过了。比如，需要查看某个人的综合素质（专业素质，管理能力，沟通能力等等），或者某个公司的各项财务指标（主营业务收入，辅助业务收入，营业外收入等等），用雷达图能非常清晰直观明了的看出来其各项指标的情况。雷达图还有一个最为强大的功能：比较不同对象间各个相同属性的优劣，如比较不同人的各项综合素质，又如：比较不同国家的各项经济环境指标。

图 3. Spider 矢量图

如图，可以清晰的看到各个国家（中，法，德，美等等）的各项经济环境指标（GDP 国民生产总值，Population 人口，Inflation 通货膨胀情况等等）。很明显，中国的人口最多，但是国民生产总值很一般。

使用 Spider 矢量图也很容易：

清单 3. Spider 矢量图

雷达图（或称蛛网图）有很多参数，这些参数都有默认值，使用时可以不用给它们一一设定，如果需要做一些高级个性化定制，可以参考如下参数设定描述：

labelOffset: -10,// 坐标轴标签偏移量，负值代表箭头向外方向的 偏移量，以 px 为单位

divisions: 6,// 坐标轴截段数

axisColor: "lightgray",// 坐标轴的颜色

spiderColor: "silver",// 蛛网格的颜色

axisWidth: 0,// 坐标轴的宽度

spiderWidth: 0,// 蛛网格的宽度

seriesFillAlpha: 0.2,// 各多边形序列图的透明度

spiderOrigin: 0.16,// 各坐标轴起始点占坐标轴总长的比例

markerSize: 3,// 多边形序列图顶点的半径

spiderType: "polygon" // 蛛网格的形式，可以为多边形，也可以为圆形

animationType: dojo.fx.easing.backOut,// 变换动画类型

其中 divisions 不宜设置过大（默认为 3）：过多则容易使坐标轴上的坐标太过密集而不易阅读。也不宜过少：过少则无法区分和比较各个不同对象的属性值情况。labelOffset 通常推荐使用负值，让其置于箭头之外。

animationType 支持所有的 dojo.fx.easing 的动画模式。

回页首

3-D 图库

Dojo 现在主要支持两种 3-D 矢量图：圆柱状 3-D 和条状 3-D

圆柱状 3-D 图

图 4. 圆柱状 3-D 图

从图上可以看出，它主要包括 3 个数据序列，并分别以红，黄，蓝三种方式呈现，这种 3-D 立体的方式能更加直观的看出趋势以及它们相互之间的差别。其用法也是比较简单的：

清单 4. 圆柱状矢量图

这里的用法可能稍显繁琐，是因为里面配置了不少参数，这些参数都是有默认值的，所以大部分可以省略。这里我们来详细介绍一下这些参数：

Lights：这里主要用于配置光源，其中的 direction 就是光源的光照方向，color 为光的颜色。

Ambient：设定物体环境参数

Specular：反射参数设定

m.cameraRotateXg(10)，m.cameraRotateYg(10)：坐标旋转参数

m.scale(0.8)：镜头的缩放参数定制

m.cameraTranslate(-50,0)：镜头的偏移，分别对应（x 轴，y 轴，z 轴）

Material：三维物体的材质，主要用于配置其外观肤色。

条状 3-D 图

条状 3-D 图类似于横向的柱状 3-D 图，其参数配置与柱状 3-D 图基本一致。