接上文
本文主要介绍一些HXCharts的使用细节
标注值
- 标注值指的是下图红色标记的地方:
仪表盘与圆形图标注值的最大值需要自己传
折线图与柱状图标注值的最大值是根据传入的valueArray中的最大值向上取整自动计算的(向上取整就是比如value是360,最大值则向上取整到400)
在折线图、柱状图、仪表盘中都可以自定义标注值个数,因为图表实现方式有差异,设置标注值的方式也不同,下面是设置的地方
///折线图
- (void)setValue:(NSArray *)valueArray withYLineCount:(int)count; ///count设置标注值个数
///柱状图
- (instancetype)initWithFrame:(CGRect)frame withMarkLabelCount:(int)markLabelCount withOrientationType:(OrientationType)type; ///markLabelCount设置标注值个数
///仪表盘
@property (nonatomic, assign) int markLabelCount;///标注值个数
颜色
柱状图 仪表盘 圆形图支持渐变色和单色 折线图只支持单色(没想好折线图的渐变色怎么使用好看)
下面是渐变色和单色的效果及设置方法
效果:
- 设置方法:
1.渐变色:
///渐变色数组
@property (nonatomic, strong) NSArray *colorArray;
///渐变色数组所占位置
@property (nonatomic, strong) NSArray *locations;
2.单色:
///单色
@property (nonatomic, strong) UIColor *singleColor;
柱状图的横竖向设置
- 只要在初始化方法的地方选择OrientationType即可
typedef NS_ENUM(NSInteger, OrientationType) {
OrientationHorizontal = 0,///横向
OrientationVertical = 1,///竖向
};
- (instancetype)initWithFrame:(CGRect)frame withMarkLabelCount:(int)markLabelCount withOrientationType:(OrientationType)type;
环形图初始化的标注值方位
HXRingChart *ring = [[HXRingChart alloc] initWithFrame:CGRectMake(ringChartX, ringChartY, ringChartWidth, ringChartHeight) markViewDirection:MarkViewDirectionRight];
如图,标注值是在图表右侧,可以通过设置MarkViewDirection来选择上下左右四个方位,MarkViewDirectionNone则标注值不显示,图表居中。
更多属性请到.h文件查看
最后再发一遍demo地址:https://github.com/xuuhan/HXCharts