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

目標：

將項目中的Charts庫從2.2.3更新至最新的3.1.1。

環境：

舊環境：XCode7.3、swift2；
新環境：XCode9.4、swift4.1。

語法變更：

1.descriptionText屬性

該屬性是用來設置圖表名稱的。 現在變成了一個chartDescription的對象屬性，通過該屬性還可以設置顏色和字號等屬性。

_chartView.descriptionText = @"柱狀圖";
 _chartView.chartDescription.text =@"柱狀圖";
2.noDataTextDescription屬性

該屬性是用來設置沒有數據時圖表的占位文字。 現在該屬性變成了noDataText。

_chartView.noDataTextDescription = @"You need to provide data for the chart.";
_chartView.noDataText = @"You need to provide data for the chart.";
3. drawSliceTextEnabled屬性

該屬性是用來設置餅狀圖每個部分的文字描述是否顯示。 現在該屬性變成drawEntryLabelsEnabled。

_chartView. drawSliceTextEnabled =YES;
_chartView.drawEntryLabelsEnabled =YES;
4.spaceBetweenLabels屬性

該屬性是用來設置兩個label之間的間隔的。若設置為1，則如果能全部顯示，則每個柱形下面都會顯示label。 現在該屬性變為granularity。

ChartXAxis *xAxis1 = _chartView.xAxis;
xAxis1.spaceBetweenLabels = 1.0;
xAxis1.granularity =1.0;
5. position屬性(上面部分的代碼是舊環境代碼)

該屬性是用來設置圖例的位置的。 現在該屬性由一個枚舉屬性變成了幾個屬性的組合。

ChartLegend *l =_ chartView.legend;
l.position = ChartLegendPositionBelowChartLeft;//圖例位于圖表的左下方且在圖表外部

ChartLegend *l =_ chartView.legend;
l.horizontalAlignment = ChartLegendHorizontalAlignmentLeft;//水平方向的左側
l.verticalAlignment = ChartLegendVerticalAlignmentBottom;//豎直方向的底部
l.orientation = ChartLegendOrientationHorizontal;//圖例水平排列
l.drawInside =NO;//圖例不可以顯示在圖表內
6.ChartYAxis的valueFormatter屬性

該屬性是用來設置Y軸上顯示數據和格式的。 現在該屬性的所屬類由NSNumberFormatter變為3.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;//設置小數點位數
leftAxisFormatter.negativeSuffix =@"";//設置Y軸正向的數據后綴
leftAxisFormatter.positiveSuffix =@"";//設置Y軸負向的數據后綴
leftAxis.valueFormatter =[[ChartDefaultAxisValueFormatter alloc] initWithFormatter:leftAxisFormatter];//設置Y軸的顯示數據

注：ChartDataSet、ChartData的valueFormatter屬性同上也需要包裝一層。
7.ChartXAxis的valueFormatter屬性

該屬性是用來設置X軸上顯示數據和格式的。 Chart3.0新增屬性，為了統一坐標軸的屬性和設置。

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.餅狀圖的數據設置
   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++)
    {
        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;//限制個數
    }

    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.單一柱狀圖的數據設置
   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;//小數位數
    formatter.multiplier = @1.f;
    [set1 setValueFormatter:formatter];//設置顯示數據格式

    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;//小數位數
    formatter.multiplier = @1.f;
    [set1 setValueFormatter:[[ChartDefaultValueFormatter alloc] initWithFormatter:formatter]];//設置顯示數據格式
   
    BarChartData *data = [[BarChartData alloc] initWithDataSet:set1];
    chartView2.data = data;
10.多柱狀圖（簇狀圖）的數據設置
// (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;

可以通過設置X軸的label數量，調整X軸豎線間隔

xAxis1.labelCount =count;//每個組都會有描述，每個組之間都會有豎線隔開

通過設置centerAxisLabelsEnabled屬性使每組的描述文字居中

xAxis1.centerAxisLabelsEnabled =YES;

通過設置最大、最小值來設置X軸的起始和最終位置

xAxis.axisMinimum = -1.0;//避免柱狀圖從X軸上開始顯示
xAxis.axisMaximum =count;
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個濱河市，隨后出現的幾起案子，更是在濱河造成了極大的恐慌，老刑警劉巖，帶你破解...
    沈念sama閱讀 227,428評論 6贊 531
  • 死咒
    序言：濱河連續發生了三起死亡事件，死亡現場離奇詭異，居然都是意外死亡，警方通過查閱死者的電腦和手機，發現死者居然都...
    沈念sama閱讀 98,024評論 3贊 413
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
    開封第一講書人閱讀 175,285評論 0贊 373
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長。 經常有香客問我，道長，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 62,548評論 1贊 307
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮，結果婚禮上，老公的妹妹穿的比我還像新娘。我一直安慰自己，他們只是感情好，可當我...
    茶點故事閱讀 71,328評論 6贊 404
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
    開封第一講書人閱讀 54,878評論 1贊 321
  • 城市分裂傳說
    那天，我揣著相機與錄音，去河邊找鬼。 笑死，一個胖子當著我的面吹牛，可吹牛的內容都是我干的。 我是一名探鬼主播，決...
    沈念sama閱讀 42,971評論 3贊 439
  • 雙鴛鴦連環套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
    開封第一講書人閱讀 42,098評論 0贊 286
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后，有當地人在樹林里發現了一具尸體，經...
    沈念sama閱讀 48,616評論 1贊 331
  • ?護林員之死
    正文 獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,554評論 3贊 354
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,725評論 1贊 369
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖，靈堂內的尸體忽然破棺而出，到底是詐尸還是另有隱情，我是刑警寧澤，帶...
    沈念sama閱讀 38,243評論 5贊 355
  • ?日本核電站爆炸內幕
    正文 年R本政府宣布，位于F島的核電站，受9級特大地震影響，放射性物質發生泄漏。R本人自食惡果不足惜，卻給世界環境...
    茶點故事閱讀 43,971評論 3贊 345
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧，春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,361評論 0贊 25
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至，卻和暖如春，著一層夾襖步出監牢的瞬間，已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,613評論 1贊 280
  • 情欲美人皮
    我被黑心中介騙來泰國打工， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人。 一個月前我還...
    沈念sama閱讀 51,339評論 3贊 390
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長得像，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...
    茶點故事閱讀 47,695評論 2贊 370

推薦閱讀更多精彩內容