F2Guide
Graphical helper object for dimensioning at specific points
Create F2Guide Instance
iOS
chart.guide();Android
chart.guide();method
- flag
Drawing flag auxiliary graphics
iOS
chart.guide().flag(
@{
@"color":@"#108EE9",
@"position": @[@(1), @(99.9)],
@"content": @"flagDemo",
@"padding": @[@(5), @(3), @(5), @(3)] ,
@"backgroundColor":@"#C7E7FF",
@"textColor":@"#108EE9",
@"textSize": @(10.f)
});Android
- parameters
| Attribute Name | Type | Explanation |
|---|---|---|
color | String | The color of the flag auxiliary flag (Hex rgb) |
position | Array<Number> | The position where the auxiliary mark is drawn padding[0] indicates the position of the X-axis padding[1] indicates the position of the Y-axis |
padding | Array<Number> | The position where the auxiliary logo is drawn padding[0] left padding[1] top padding[2] right padding[3] Down |
backgroundColor | String | The background color of the flag auxiliary logo (Hex rgb) |
textColor | String | Text color |
textSize | Number | Text size |
- text
Drawing text auxiliary graphics
iOS
chart.guide().text(
@{
@"position": @[@(1), @(99.9)],
@"content": @"flagDemo",
@"padding": @[@(5), @(3), @(5), @(3)] ,
@"textColor":@"#108EE9",
@"textSize": @(10.f)
});Android
- parameters
| Attribute Name | Type | Explanation |
|---|---|---|
position | Array<Number> | The position where the auxiliary mark is drawn padding[0] indicates the position of the X-axis padding[1] indicates the position of the Y-axis |
padding | Array<Number> | The position where the auxiliary logo is drawn padding[0] left padding[1] top padding[2] right padding[3] Down |
textColor | String | Text color |
textSize | Number | Text size |