接上文

本文主要介绍一些HXCharts的使用细节

标注值

• 标注值指的是下图红色标记的地方：

Snip20170904_123.png

Snip20170904_126.png

Snip20170904_127.png

• 仪表盘与圆形图标注值的最大值需要自己传

• 折线图与柱状图标注值的最大值是根据传入的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;///标注值个数

颜色

• 柱状图 仪表盘 圆形图支持渐变色和单色 折线图只支持单色(没想好折线图的渐变色怎么使用好看)

• 下面是渐变色和单色的效果及设置方法

• 效果：

Snip20170904_133.png

Snip20170904_134.png

• 设置方法：
  1.渐变色：

///渐变色数组
@property (nonatomic, strong) NSArray *colorArray;
///渐变色数组所占位置
@property (nonatomic, strong) NSArray *locations;

2.单色：

///单色
@property (nonatomic, strong) UIColor *singleColor;

柱状图的横竖向设置

Snip20170904_136.png

Snip20170904_137.png

• 只要在初始化方法的地方选择OrientationType即可

typedef NS_ENUM(NSInteger, OrientationType) {
    OrientationHorizontal = 0,///横向
    OrientationVertical = 1,///竖向
};

- (instancetype)initWithFrame:(CGRect)frame withMarkLabelCount:(int)markLabelCount withOrientationType:(OrientationType)type;

环形图初始化的标注值方位

image.png

HXRingChart *ring = [[HXRingChart alloc] initWithFrame:CGRectMake(ringChartX, ringChartY, ringChartWidth, ringChartHeight) markViewDirection:MarkViewDirectionRight];
如图，标注值是在图表右侧，可以通过设置MarkViewDirection来选择上下左右四个方位，MarkViewDirectionNone则标注值不显示，图表居中。

更多属性请到.h文件查看

最后再发一遍demo地址：https://github.com/xuuhan/HXCharts