Charts圖表庫升級語法變更筆記

目標:

將項目中的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;
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末闺属,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子周霉,更是在濱河造成了極大的恐慌掂器,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,888評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件俱箱,死亡現(xiàn)場離奇詭異唉匾,居然都是意外死亡,警方通過查閱死者的電腦和手機匠楚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評論 3 399
  • 文/潘曉璐 我一進店門巍膘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人芋簿,你說我怎么就攤上這事峡懈。” “怎么了与斤?”我有些...
    開封第一講書人閱讀 168,386評論 0 360
  • 文/不壞的土叔 我叫張陵肪康,是天一觀的道長。 經(jīng)常有香客問我撩穿,道長磷支,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,726評論 1 297
  • 正文 為了忘掉前任食寡,我火速辦了婚禮雾狈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘抵皱。我一直安慰自己善榛,他們只是感情好,可當我...
    茶點故事閱讀 68,729評論 6 397
  • 文/花漫 我一把揭開白布呻畸。 她就那樣靜靜地躺著移盆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪伤为。 梳的紋絲不亂的頭發(fā)上咒循,一...
    開封第一講書人閱讀 52,337評論 1 310
  • 那天,我揣著相機與錄音绞愚,去河邊找鬼叙甸。 笑死,一個胖子當著我的面吹牛爽醋,可吹牛的內(nèi)容都是我干的蚁署。 我是一名探鬼主播,決...
    沈念sama閱讀 40,902評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼蚂四,長吁一口氣:“原來是場噩夢啊……” “哼光戈!你這毒婦竟也來了哪痰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,807評論 0 276
  • 序言:老撾萬榮一對情侶失蹤久妆,失蹤者是張志新(化名)和其女友劉穎晌杰,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體筷弦,經(jīng)...
    沈念sama閱讀 46,349評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡肋演,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,439評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了烂琴。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片爹殊。...
    茶點故事閱讀 40,567評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖奸绷,靈堂內(nèi)的尸體忽然破棺而出梗夸,到底是詐尸還是另有隱情,我是刑警寧澤号醉,帶...
    沈念sama閱讀 36,242評論 5 350
  • 正文 年R本政府宣布反症,位于F島的核電站,受9級特大地震影響畔派,放射性物質(zhì)發(fā)生泄漏铅碍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,933評論 3 334
  • 文/蒙蒙 一线椰、第九天 我趴在偏房一處隱蔽的房頂上張望胞谈。 院中可真熱鬧,春花似錦士嚎、人聲如沸呜魄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,420評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至娇澎,卻和暖如春笨蚁,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背趟庄。 一陣腳步聲響...
    開封第一講書人閱讀 33,531評論 1 272
  • 我被黑心中介騙來泰國打工括细, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人戚啥。 一個月前我還...
    沈念sama閱讀 48,995評論 3 377
  • 正文 我出身青樓奋单,卻偏偏與公主長得像,于是被迫代替她去往敵國和親猫十。 傳聞我的和親對象是個殘疾皇子览濒,可洞房花燭夜當晚...
    茶點故事閱讀 45,585評論 2 359

推薦閱讀更多精彩內(nèi)容