iOS-Charts（BarChartView）
Charts - BarChartView基本使用
初始化
- (BarChartView *)chartView{
if (!_chartView) {
_chartView = [init];
_chartView.delegate = self;
///外观样式
//BarChartView
_chartView.backgroundColor = ;
//没有数据时的文字提示
_chartView.noDataText = @"没有数据";
//数值显示在柱形的上面还是下面
_chartView.drawValueAboveBarEnabled = YES;
//是否绘制柱形的阴影背景
_chartView.drawBarShadowEnabled = NO;
//交互设置
//取消Y轴缩放
_chartView.scaleYEnabled = NO;
//取消双击缩放
_chartView.doubleTapToZoomEnabled = NO;
//启用拖拽图表
_chartView.dragEnabled = YES;
//拖拽后是否有惯性效果
_chartView.dragDecelerationEnabled = YES;
//拖拽后惯性效果的摩擦系数(0~1)，数值越小，惯性越不明显
_chartView.dragDecelerationFrictionCoef = 0.5;
///X 轴
ChartXAxis *xAxis = _chartView.xAxis;
xAxis.axisLineWidth = 0.5;//设置X轴线宽
//X轴的显示位置
xAxis.labelPosition = XAxisLabelPositionBottom;
//不绘制网格线
xAxis.drawGridLinesEnabled = NO;
//设置label间隔，若设置为1，每个柱形下面都会显示label
xAxis.spaceMin = 1;
xAxis.labelTextColor = ;//label文字颜色
xAxis.axisLineColor =;//轴颜色
///间隔
xAxis.granularity = 1.0;
///Y轴
//不绘制右边轴
_chartView.rightAxis.enabled = NO;
ChartYAxis *leftAxis = _chartView.leftAxis;
//不强制绘制制定数量的label
leftAxis.forceLabelsEnabled = NO;
//设置Y轴的最小值
leftAxis.axisMinimum = 0;
//从0开始绘制
leftAxis.drawZeroLineEnabled = YES;
//设置Y轴的最大值(配合数据源设置，也可不设置)
leftAxis.axisMaximum = 50;
//是否将Y轴进行上下翻转
leftAxis.inverted = NO;
//Y轴线宽
leftAxis.axisLineWidth = 0.5;
leftAxis.axisLineColor = ;//Y轴颜色
leftAxis.zeroLineColor = ;
//label位置
leftAxis.labelPosition = YAxisLabelPositionOutsideChart;
//文字颜色
leftAxis.labelTextColor = ;
//文字字体
leftAxis.labelFont = ;
//设置虚线样式的网格线
leftAxis.gridLineDashLengths = @[@3.0f, @3.0f];
//网格线颜色
leftAxis.gridColor = ;
leftAxis.gridAntialiasEnabled = YES;//开启抗锯齿
//设置Y轴显示
NSNumberFormatter *leftAxisFormatter = [ init];
leftAxisFormatter.positiveSuffix = @"分";
leftAxis.valueFormatter = [ initWithFormatter:leftAxisFormatter];
///图例说明
_chartView.legend.enabled = YES;
_chartView.legend.verticalAlignment = ChartLegendVerticalAlignmentTop;
_chartView.legend.horizontalAlignment = ChartLegendHorizontalAlignmentRight;
_chartView.legend.form = ChartLegendFormCircle;
_chartView.legend.yOffset = 20;
}
return _chartView;
}代理<ChartViewDelegate>
#pragma mark 图表中数值被选中
-(void)chartValueSelected:(ChartViewBase *)chartView entry:(ChartDataEntry *)entry highlight:(ChartHighlight *)highlight{
}
#pragma mark 图表中的空白区域被选中
-(void)chartValueNothingSelected:(ChartViewBase *)chartView{
}
#pragma mark 图表被缩放
-(void)chartScaled:(ChartViewBase *)chartView scaleX:(CGFloat)scaleX scaleY:(CGFloat)scaleY{
}
#pragma mark 图表被移动
-(void)chartTranslated:(ChartViewBase *)chartView dX:(CGFloat)dX dY:(CGFloat)dY{
}设置单个柱状图数据源
- (BarChartData *)barSingleData{
//X轴底部数据
NSMutableArray<NSString *> *xVals = [ init];
//对应Y轴（柱状图数据）
NSMutableArray *yVals = [ init];
double dataSetMax = 0;
for (int i = 0; i < _count; i++) {
double value =arc4random()%60 + 6;
dataSetMax = MAX(value, dataSetMax);
BarChartDataEntry *entry = [ initWithX:i y:value];
;
];
}
self.xValues = xVals;
///X 轴
ChartXAxis *xAxis = self.chartView.xAxis;
xAxis.labelCount = _count;
ChartIndexAxisValueFormatter *valueFormatter = [initWithValues:xVals];
xAxis.valueFormatter = valueFormatter;
ChartYAxis *leftAxis = self.chartView.leftAxis;
leftAxis.axisMaximum = dataSetMax;
BarChartDataSet *set1 = [ initWithEntries:yVals label:@"柱状图-图例说明"];
//是否在柱形图上面显示数值
set1.drawValuesEnabled = YES;
//点击选中柱形图是否有高亮效果
set1.highlightEnabled = NO;
//柱状图颜色
];
NSNumberFormatter *set1Formatter = [ init];
set1Formatter.numberStyle = NSNumberFormatterDecimalStyle;
set1Formatter.positiveSuffix = @"分";
set1.valueFormatter = [ initWithFormatter:set1Formatter];
set1.axisDependency = AxisDependencyRight;
BarChartData *data = [ initWithDataSets:@];
//文字字体
data.barWidth = 0.6;
];
//文字颜色
];
return data;
}加载数据源
self.chartView.data = ;
;
设置多个柱状图组数据源
//为柱形图设置数据
- (BarChartData *)barGroupData{
//X轴底部数据
NSMutableArray<NSString *> *xVals = [ init];
//对应Y轴（柱状图数据）
NSMutableArray *yVals1 = [ init];
//对应Y轴（柱状图数据）
NSMutableArray *yVals2 = [ init];
//对应Y轴（柱状图数据）
NSMutableArray *yVals3 = [ init];
//对应Y轴（柱状图数据）
NSMutableArray *yVals4 = [ init];
double dataSetMax = 0;
// float groupSpace = 0.2;
// float barSpace = 0.05;
// float barWidth = 0.15;
float groupSpace = 0.3;
float barSpace = 0.05;
float barWidth = 0.3;
for (int i = 0; i < _count; i++) {
double value1 =arc4random()%60 + 6;
double value2 =arc4random()%65 + 6;
double value3 =arc4random()%65 + 2;
double value4 =arc4random()%30 + 2;
dataSetMax = MAX(value1, dataSetMax);
dataSetMax = MAX(value2, dataSetMax);
dataSetMax = MAX(value3, dataSetMax);
dataSetMax = MAX(value4, dataSetMax);
BarChartDataEntry *entry1 = [ initWithX:i y:value1];
;
BarChartDataEntry *entry2 = [ initWithX:i y:value2];
;
BarChartDataEntry *entry3 = [ initWithX:i y:value3];
;
BarChartDataEntry *entry4 = [ initWithX:i y:value4];
;
];
}
self.xValues = xVals;
BarChartDataSet *set1 = [ initWithEntries:yVals1 label:@"图例说明1"];
//是否在柱形图上面显示数值
set1.drawValuesEnabled = YES;
//点击选中柱形图是否有高亮效果
set1.highlightEnabled = NO;
//柱状图颜色
];
set1.valueTextColor = ;
BarChartDataSet *set2 = [ initWithEntries:yVals2 label:@"图例说明2"];
//是否在柱形图上面显示数值
set2.drawValuesEnabled = YES;
//点击选中柱形图是否有高亮效果
set2.highlightEnabled = NO;
//柱状图颜色
];
set2.valueTextColor = ;
BarChartDataSet *set3 = [ initWithEntries:yVals3 label:@"图例说明3"];
//是否在柱形图上面显示数值
set3.drawValuesEnabled = YES;
//点击选中柱形图是否有高亮效果
set3.highlightEnabled = NO;
//柱状图颜色
];
set3.valueTextColor = ;
BarChartDataSet *set4 = [ initWithEntries:yVals4 label:@"图例说明4"];
//是否在柱形图上面显示数值
set4.drawValuesEnabled = YES;
//点击选中柱形图是否有高亮效果
set4.highlightEnabled = NO;
//柱状图颜色
];
set4.valueTextColor = ;
BarChartData *data = [ initWithDataSets:@];
//文字字体
data.barWidth = barWidth;
];
//文字颜色
// ];
///X 轴
ChartXAxis *xAxis = self.chartView.xAxis;
xAxis.labelCount = _count;
ChartIndexAxisValueFormatter *valueFormatter = [initWithValues:xVals];
xAxis.valueFormatter = valueFormatter;
ChartYAxis *leftAxis = self.chartView.leftAxis;
leftAxis.axisMaximum = dataSetMax;
self.chartView.xAxis.axisMaximum = -0.5 + * xVals.count;
;
;
return data;
}加载数据源
self.chartView.data = ;
多组柱状图设置注意事项
（barWidth + barSpace）* 组内个数 + groupSpace = 1.00->每个"组"的间隔 granularity设置初始可见数量
需设置数据源后设置，设置可见数量后，可滑动显示其后面数据
;
设置X轴 Label 旋转 角度
self.chartView.xAxis.labelRotationAngle = -30;
https://www.cnblogs.com/wangkejia/p/15494841.html
页:
[1]