F2Interval

阅读时间约 2 分钟

图形柱对象,用户绘制柱图

创建 F2Interval 实例

  chart.interval();

方法

- position

绘制柱图位置

  chart.interval().position("date*value");
  • 参数
属性名类型解释
attrStringX*Y:绘制的柱在 source 中对应的名称

- fixedColor

设置柱填充的颜色

  chart.interval().position("date*value").fixedColor("#108EE9");
  • 参数
属性名类型解释
colorString设置区域填充的颜色 (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"});
  • 参数
属性名类型解释
fieldString数据分组字段
colorArray<String>设置区域填充的颜色 (Hex rgba). 传空数组时,自动采用内置默认值。

- tag

设置柱标签

iOS

  chart.interval().position(@"date*value").tag(
        @{
          @"fill": @"#999999",
          @"textAlign":@"center",
          @"textBaseline":@"bottom"
          @"textSize": @(10),
          @"offset":@(-12)
        }
  )
;

Android

// TODO
  • 参数
属性名类型解释
fillString标签颜色 (Hex rgb)
textAlignString对齐方式
center(默认)居中对齐
start 顶部对齐
end 底部对齐
left 左对齐
right 右对齐
textBaselineString对齐基准线
alphabetic(默认)
top
hanging
middle
ideographic
bottom
textSizeNumber文字大小
offsetNumbery 方向和柱距离的偏移