接上文
本文主要介绍一些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;
更多属性请到.h文件查看,还有什么问题或者建议或者好的设计思路请留言或者+QQ152882888我们一起讨论 感谢。
最后再发一遍demo地址:https://github.com/xuuhan/HXCharts
网友评论