logoCreated with Sketch.

F2Native

F2Line

阅读时间约 2 分钟

图形线对象，用于绘制线图

创建 F2Line 实例

  chart.line();

方法

- position

绘制柱图位置

chart.line().position("date*value");
  • 参数
参数名类型解释
attrStringX*Y：绘制的柱在 source 中对应的名称, 此属性为必须.

- color

设置一组线的颜色

iOS

  chart.line().position(@"date*value").color(@"type"，@[ @"#1890FF", @"#2FC25B", @"#FACC14" ]);

Android

  chart.line().position(@"date*value").color("type"，new String[]{"#1890FF", "#2FC25B", "#FACC14"});
  • 参数
参数名类型解释
fieldString分组字段
colorArray<String>一次设置不同 field 对应的色值, 可直接传空数组

- fixedColor

设置统一的颜色

  chart.line().position("date*value").fixedColor("#1890FF");
  • 参数
参数名类型解释
colorString所有 field 对应统一的色值

- fixedSize

设置统一的线宽度

iOS

  chart.line().position(@"date*value").fixedSize(1);

Android

  chart.line().position("date*value").fixedSize(1);
  • 参数
参数名类型解释
sizefloat所有的 field 设置统一的线宽度 (dp)

- size

设置线宽度

iOS

  chart.line().position(@"date*value").size(@"type", @[@(1), @(2), @(3)]);

Android

  chart.line().position("date*value").size("type", new float[]{1, 2, 3});
  • 参数
参数名类型解释
fieldString分组字段
sizeArray<float>按 field 字段分组后分别对应的线宽值

- fixedShape

设置所有线的统一类型

  chart.line().position("date*value").fixedShape("smooth");
  • 参数
参数名类型解释
shapeStringsmooth - 平滑曲线, line - 直线(默认值), dash - 虚线

- shape

设置各组线的类型

iOS

  chart.line().position(@"date*value").shape(@"type", @[@"smooth", @"smooth", @"smooth"]);

Android

  chart.line().position("date*value").shape("type", new String[]{"smooth", "smooth", "smooth"});
  • 参数
参数名类型解释
fieldString分组字段
shapeArray<String>smooth - 平滑曲线, line - 直线(默认值), dash - 虚线