F2Interval
图形柱对象,用户绘制柱图
创建 F2Interval 实例
chart.interval();
方法
- position
绘制柱图位置
chart.interval().position("date*value");
- 参数
属性名 | 类型 | 解释 |
---|---|---|
attr | String | X*Y:绘制的柱在 source 中对应的名称 |
- fixedColor
设置柱填充的颜色
chart.interval().position("date*value").fixedColor("#108EE9");
- 参数
属性名 | 类型 | 解释 |
---|---|---|
color | String | 设置区域填充的颜色 (Hex rgb) |
- color
设置分组柱填充的颜色
iOS
chart.interval().position(@"date*value").color(@"type", @[@"#108EE9", @"#2FC25B"]);
Android
chart.interval().position("date*value").color("type", new String[]{"#108EE9", "#2FC25B"});
- 参数
属性名 | 类型 | 解释 |
---|---|---|
field | String | 数据分组字段 |
color | Array<String> | 设置区域填充的颜色 (Hex rgba). 传空数组时,自动采用内置默认值。 |
- tag
设置柱标签
iOS
chart.interval().position(@"date*value").tag(
@{
@"fill": @"#999999",
@"textAlign":@"center",
@"textBaseline":@"bottom"
@"textSize": @(10),
@"offset":@(-12)
}
)
;
Android
// TODO
- 参数
属性名 | 类型 | 解释 |
---|---|---|
fill | String | 标签颜色 (Hex rgb) |
textAlign | String | 对齐方式 center (默认)居中对齐 start 顶部对齐 end 底部对齐 left 左对齐 right 右对齐 |
textBaseline | String | 对齐基准线 alphabetic (默认) top hanging middle ideographic bottom |
textSize | Number | 文字大小 |
offset | Number | y 方向和柱距离的偏移 |