目標:
將項目中的Charts庫從2.2.3更新至最新的3.1.1。
環(huán)境:
舊環(huán)境:XCode7.3、swift2秀睛;
新環(huán)境:XCode9.4、swift4.1咨察。
語法變更:
1.descriptionText屬性
該屬性是用來設(shè)置圖表名稱的。 現(xiàn)在變成了一個chartDescription的對象屬性,通過該屬性還可以設(shè)置顏色和字號等屬性。
_chartView.descriptionText = @"柱狀圖";
_chartView.chartDescription.text =@"柱狀圖";
2.noDataTextDescription屬性
該屬性是用來設(shè)置沒有數(shù)據(jù)時圖表的占位文字岗喉。 現(xiàn)在該屬性變成了noDataText秋度。
_chartView.noDataTextDescription = @"You need to provide data for the chart.";
_chartView.noDataText = @"You need to provide data for the chart.";
3. drawSliceTextEnabled屬性
該屬性是用來設(shè)置餅狀圖每個部分的文字描述是否顯示炸庞。 現(xiàn)在該屬性變成drawEntryLabelsEnabled。
_chartView. drawSliceTextEnabled =YES;
_chartView.drawEntryLabelsEnabled =YES;
4.spaceBetweenLabels屬性
該屬性是用來設(shè)置兩個label之間的間隔的荚斯。若設(shè)置為1埠居,則如果能全部顯示,則每個柱形下面都會顯示label事期。 現(xiàn)在該屬性變?yōu)間ranularity滥壕。
ChartXAxis *xAxis1 = _chartView.xAxis;
xAxis1.spaceBetweenLabels = 1.0;
xAxis1.granularity =1.0;
5. position屬性(上面部分的代碼是舊環(huán)境代碼)
該屬性是用來設(shè)置圖例的位置的。 現(xiàn)在該屬性由一個枚舉屬性變成了幾個屬性的組合兽泣。
ChartLegend *l =_ chartView.legend;
l.position = ChartLegendPositionBelowChartLeft;//圖例位于圖表的左下方且在圖表外部
ChartLegend *l =_ chartView.legend;
l.horizontalAlignment = ChartLegendHorizontalAlignmentLeft;//水平方向的左側(cè)
l.verticalAlignment = ChartLegendVerticalAlignmentBottom;//豎直方向的底部
l.orientation = ChartLegendOrientationHorizontal;//圖例水平排列
l.drawInside =NO;//圖例不可以顯示在圖表內(nèi)
6.ChartYAxis的valueFormatter屬性
該屬性是用來設(shè)置Y軸上顯示數(shù)據(jù)和格式的绎橘。 現(xiàn)在該屬性的所屬類由NSNumberFormatter變?yōu)?.0版本新增類ChartAxisValueFormatter。
ChartYAxis *leftAxis = _chartView.leftAxis;
leftAxis.valueFormatter = [[NSNumberFormatter alloc] init];
leftAxis.valueFormatter.maximumFractionDigits = 0;
leftAxis.valueFormatter.negativeSuffix = @"";
leftAxis.valueFormatter.positiveSuffix = @"";
ChartYAxis *leftAxis = _chartView.leftAxis;
NSNumberFormatter *leftAxisFormatter = [[NSNumberFormatter alloc] init];
leftAxisFormatter.maximumFractionDigits = 0;//設(shè)置小數(shù)點位數(shù)
leftAxisFormatter.negativeSuffix =@"";//設(shè)置Y軸正向的數(shù)據(jù)后綴
leftAxisFormatter.positiveSuffix =@"";//設(shè)置Y軸負向的數(shù)據(jù)后綴
leftAxis.valueFormatter =[[ChartDefaultAxisValueFormatter alloc] initWithFormatter:leftAxisFormatter];//設(shè)置Y軸的顯示數(shù)據(jù)
注:ChartDataSet唠倦、ChartData的valueFormatter屬性同上也需要包裝一層称鳞。
7.ChartXAxis的valueFormatter屬性
該屬性是用來設(shè)置X軸上顯示數(shù)據(jù)和格式的。 Chart3.0新增屬性稠鼻,為了統(tǒng)一坐標軸的屬性和設(shè)置冈止。
NSMutableArray *xVals = [[NSMutableArray alloc] init];
for (int i = 0; i < count; i++)
{
[xVals addObject:self.arrayName[i % self.arrayName.count]];
}
xAxis1.valueFormatter =[[ChartIndexAxisValueFormatter alloc] initWithValues:xVals];
8.餅狀圖的數(shù)據(jù)設(shè)置
NSArray * parties =@[@"Party A",@"Party B",@"Party C",@"Party D",@"Party E"];
NSArray * values =@[@"10",@"20",@"30",@"25",@"15"];
NSMutableArray *yVals = [[NSMutableArray alloc] init];
NSMutableArray *xVals = [[NSMutableArray alloc] init];
NSUInteger count = parties.count;
if (count >=10) {
count = 10;//限制個數(shù)
}
for (int i = 0; i < count; i++)
{
NSString * numString = values[i];
double dd = [numString doubleValue];
[yVals addObject:[[BarChartDataEntry alloc] initWithValue:dd xIndex:i]];
}
for (int i = 0; i < count; i++)
{
[xVals addObject:parties[i % parties.count]];
}
PieChartDataSet *dataSet = [[PieChartDataSet alloc] initWithYVals:yVals label:@""];
PieChartData *data = [[PieChartData alloc] initWithXVals:xVals dataSet:dataSet];
_chartView.data = data;
}
NSUInteger count = parties.count;
if (count >=10) {
count = 10;
}
for (int i = 0; i < count; i++)
{
NSString * numString = values[i];
double dd = [numString doubleValue];
[yVals1 addObject:[[PieChartDataEntry alloc] initWithValue:dd label:parties[i % parties.count]]];
}
PieChartDataSet *dataSet = [[PieChartDataSet alloc] initWithValues:yVals1 label:@""];
PieChartData *data = [[PieChartData alloc] initWithDataSet:dataSet];
_chartView.data = data;
NSArray * parties =@[@"Party A",@"Party B",@"Party C",@"Party D",@"Party E"];
NSArray * values =@[@"10",@"20",@"30",@"25",@"15"];
NSMutableArray *yVals = [[NSMutableArray alloc] init];
NSMutableArray *xVals = [[NSMutableArray alloc] init];
NSUInteger count = parties.count;
if (count >=10) {
count = 10;//限制個數(shù)
}
for (int i = 0; i < count; i++)
{
NSString * numString = values[i];
double dd = [numString doubleValue];
[yVals addObject:[[PieChartDataEntry alloc] initWithValue:dd label:parties[i % parties.count]]];
}
PieChartDataSet *dataSet = [[PieChartDataSet alloc] initWithValues:yVals label:@""];
PieChartData *data = [[PieChartData alloc] initWithDataSet:dataSet];
_chartView.data = data;
9.單一柱狀圖的數(shù)據(jù)設(shè)置
NSArray * parties =@[@"Party A",@"Party B",@"Party C",@"Party D",@"Party E"];
NSArray * values =@[@"10",@"20",@"30",@"25",@"15"];
NSMutableArray *yVals = [[NSMutableArray alloc] init];
NSMutableArray *xVals = [[NSMutableArray alloc] init];
NSUInteger count = parties.count;
if (count >=10) {
count = 10;
}
for (int i = 0; i < count; i++)
{
double dd = [values[i] doubleValue];
[yVals addObject:[[BarChartDataEntry alloc] initWithValue:dd xIndex:i]];
}
for (int i = 0; i < count; i++)
{
[xVals addObject: parties[i % parties.count]];
}
BarChartDataSet *set1 = [[BarChartDataSet alloc] initWithYVals:yVals label:@""];
NSNumberFormatter *formatter = [[NSNumberFormatter alloc] init];
formatter.negativeSuffix = @"k";
formatter.positiveSuffix = @"k";
formatter.numberStyle = NSNumberFormatterNoStyle;
formatter.maximumFractionDigits = 3;//小數(shù)位數(shù)
formatter.multiplier = @1.f;
[set1 setValueFormatter:formatter];//設(shè)置顯示數(shù)據(jù)格式
BarChartData *data = [[BarChartData alloc] initWithXVals:xVals dataSet:set1];
data.groupSpace = 0.8;
_chartView.data = data;
NSArray * parties =@[@"Party A",@"Party B",@"Party C",@"Party D",@"Party E"];
NSArray * values =@[@"10",@"20",@"30",@"25",@"15"];
NSMutableArray *yVals = [[NSMutableArray alloc] init];
NSMutableArray *xVals = [[NSMutableArray alloc] init];
NSUInteger count = parties.count;
if (count >=10) {
count = 10;
}
for (int i = 0; i < count; i++)
{
double dd = [values[i] doubleValue];
[yVals addObject:[[BarChartDataEntry alloc] initWithX:i y:dd]];
}
for (int i = 0; i < count; i++)
{
[xVals addObject:parties[i %parties.count]];
}
xAxis1.valueFormatter =[[ChartIndexAxisValueFormatter alloc] initWithValues:xVals];
BarChartDataSet *set1 = [[BarChartDataSet alloc] initWithValues:yVals label:@""];
NSNumberFormatter *formatter = [[NSNumberFormatter alloc] init];
formatter.negativeSuffix = @"k";
formatter.positiveSuffix = @"k";
formatter.numberStyle = NSNumberFormatterNoStyle;
formatter.maximumFractionDigits = 3;//小數(shù)位數(shù)
formatter.multiplier = @1.f;
[set1 setValueFormatter:[[ChartDefaultValueFormatter alloc] initWithFormatter:formatter]];//設(shè)置顯示數(shù)據(jù)格式
BarChartData *data = [[BarChartData alloc] initWithDataSet:set1];
chartView2.data = data;
10.多柱狀圖(簇狀圖)的數(shù)據(jù)設(shè)置
// (0.35 + 0.1) * 2 + 0.1 = 1.00 -> interval per "group"
float groupSpace = 0.1f;
float barSpace = 0.1f;
float barWidth = 0.35f;
BarChartData *data = [[BarChartData alloc] initWithDataSets:dataSets];
data.barWidth =barWidth;
_chartView.xAxis.axisMinimum =0;
_chartView.xAxis.axisMaximum =[data groupWidthWithGroupSpace:groupSpace barSpace: barSpace] * count;
[data groupBarsFromX: 0.0 groupSpace: groupSpace barSpace: barSpace];
_chartView.data = data;
可以通過設(shè)置X軸的label數(shù)量,調(diào)整X軸豎線間隔
xAxis1.labelCount =count;//每個組都會有描述候齿,每個組之間都會有豎線隔開
通過設(shè)置centerAxisLabelsEnabled屬性使每組的描述文字居中
xAxis1.centerAxisLabelsEnabled =YES;
通過設(shè)置最大熙暴、最小值來設(shè)置X軸的起始和最終位置
xAxis.axisMinimum = -1.0;//避免柱狀圖從X軸上開始顯示
xAxis.axisMaximum =count;