ch09、ExtJs4中的图形与图表全解.ppt

Series对象的配置项、属性、方法和事件 配置项： callouts：Callout对象的配置对象 color：标签的颜色，默认#000 display：指定是否在饼图的每个切片显示标签以及标签位置。其值可以是roate、middle、insideStart、insideEnd、outside、over、under或者none，其中none会禁止标签渲染，默认为none。 font：标签的字体，默认为“11px Helvetica，sans-serif” highlight：布尔值或对象，如果为true，当鼠标经过图表标记上面时，会突出显示该标记。也可以定义为与DrawSprite对象样式属性相同的配置项，这样当突出显示时，会将样式应用到标记。默认为false。 label：Label对象的配置对象，定义标签 listenters：定义事件监听器 minMargin：设置标签到原始显示效果的距离。该配置通常用于饼图宽度成为饼图切片的长度，默认为0 orientation：设置图表的方向，值可以为：horizontal（水平）、vertical（垂直方向）。 renderer：渲染样式， shadowAttributes：阴影属性组成的数组 showInLegend：布尔值，如果为true，会将该图表显示在图例中。 tips：ToolTip的配置对象，定义标记的提示信息 title：图表的标题 type：图表的类型 属性： highlight：图表突出显示的条目 方法： getItemForPoint：根据指定的坐标（x、y）返回对应的图表 getLegendColor：根据指定索引返回图例的颜色 hideAll：隐藏图表所有元素 highlightItem：突出显示指定的条目 setTitle：设置标题 showAll：显示图表所有的元素 unHighlightItem：将当前突出显示的条目取消突出显示效果 九、第一个折线图表 配置参数 axis：声明数值在哪条坐标轴上，如：数值是y轴的，在左边，因为axis要设置为left，否则就像x轴那样使用相对比例 fill：布尔值，如果为true，就会使用style配置项中的fill配置项定义的颜色填充折线下的区域，不透明度则采用opacity配置项定义的值，默认false markerConfig：标记的配置对象，用于定义标记的显示样式，值可以为DrawSprite对象的配置对象。只有showMarkers设置为true时才有效 selectionTolerance：定义光标位置与折线位置之间的可触发时间的距离。默认为20 showMarkers：布尔值，如果为true，会在数据点上显示标记。默认为false smooth：如果为true或者非0值，点之间的连线会很平滑的环绕数据点。否则使用直线连接数据点 style：定义连线的样式，该样式会覆盖主题样式 xField：定义应用在x轴的数据的字段名称 yField：定义应用在y轴的数据的字段名称 散点图的配置与折线图一样 示例：9.html 十、显示多个折线图 示例：10.html Legend配置项（图例） boxFill：定义图例容器的填充颜色。默认白色 boxStrok额：定义图例容器的边框颜色。默认黑色 boxStrokeWidth：定义图例容器的边框宽度。默认1 boxZIndex：定义图例的z-inde。默认100 itemSpacing：图例条目之间的空白间隔量，默认10 labelFont：标签的字体。默认是“12px helvetica” padding：定义图例容器的内补丁。默认值5 position：定义图例的位置，值可以是：top、bottom、left、right或float。如果为float，图例会根据x、y配置项进行定位。默认为bottom visible：布尔值，如果为false，将不显示图例，默认为true x、y：定义图例的右上角坐标，position：float时生效 设置图表的showInlegend=false则不显示图例 十一、简单条形图（Bar和ColumnChart） 示例：11.html Bar是水平方向的，ColumnChart是垂直方向 Bar的配置项 column：布尔值，如果为true，条形图是垂直方向的。默认为false，条形图是水平方向的。ColumnChart对象与Bar对象，用于显示垂直的条形图 groupFutter：设置两组条形图之间的空白间隔，值为条形图宽度的百分百值 gutter：设置两个条形图之间的间隔，值为条形图宽度的百分百值 stacked：布尔值，如果为true，将会显示堆积条形图。 style：样式 xPadding：左边或右边坐标轴