iOS圖表庫Charts使用(不常見但很實(shí)用的屬性)

iOS圖表庫Charts使用(不常見但很實(shí)用的屬性)

至于Charts的普通demo方法請參見其它文章,本文主要講述Charts不常見但很實(shí)用的屬性。(關(guān)于集成的方法參見我的上一篇文章:iOS圖表庫Charts集成與使用

普通demo文章:iOS在OC項(xiàng)目中集成Charts繪制圖表框架 這個(gè)是王雷大神的博客,對charts講解很詳細(xì)

OC調(diào)用Charts繪制圖表--BarChartView

這個(gè)是李大寶(群主)的博客對于chart的理解,個(gè)人認(rèn)為他是個(gè)逗逼,??加入他的chart群交流,群號:539641834

所謂天下文章一般抄,百度出來的chart文章大部分都雷同。

好,開始不一樣的講解:

由于老板是個(gè)老者(今年50,60歲了),從事java多年,指導(dǎo)我們需求這一塊,

1.交互柱狀圖時(shí),只讓用戶左右滑動(dòng),不縮放,

解析:由于chart官網(wǎng)以及上面大神的demo都是默認(rèn)先縮放后才可以滑動(dòng),這就出現(xiàn)了困難,經(jīng)過幾番查找,發(fā)現(xiàn)只要在創(chuàng)建圖表時(shí)就設(shè)置縮放的比例,這樣用戶交互時(shí),就不用先放大后才可以滑動(dòng),從而解決需求,當(dāng)然x,y軸的手勢啟動(dòng)也要相應(yīng)的設(shè)置下。

方法:

只滑動(dòng)不縮放

// 需求:只滑動(dòng)不縮放:(系統(tǒng)內(nèi)部默認(rèn)是先縮放后滑動(dòng))及初始化時(shí)x軸就縮放1.5倍,就可以滑動(dòng)了,

ChartViewPortHandler *scaleX = _barChartView.viewPortHandler;

[scaleX setMinimumScaleX:1.5f];

//設(shè)置動(dòng)畫效果,可以設(shè)置X軸和Y軸的動(dòng)畫效果

[_barChartView animateWithYAxisDuration:0.25f];

2.當(dāng)x軸每一個(gè)單元數(shù)據(jù)太長(比如說學(xué)生的名字太長),就會(huì)形成太擁擠的現(xiàn)象

最終效果

解析:可以傾斜顯示x軸每一個(gè)單元數(shù)據(jù),// xAxis.labelRotationAngle = -30;// x軸上名字的旋轉(zhuǎn)角度,仿網(wǎng)頁上的

但是這樣又會(huì)形成,第一次進(jìn)來時(shí),學(xué)生名字只顯示一半,向左滑動(dòng)后,才偏移出全部的名字,但是整個(gè)barChartView也會(huì)上移動(dòng),后來用_barChartView.extraBottomOffset = 15;也解決不了問題。

辦法:索性就不用傾斜顯示了,即:

一個(gè)頁面顯示的數(shù)據(jù)太多了,都不看清楚,怎么樣設(shè)置一個(gè)頁面顯示固定條數(shù)的數(shù)據(jù),如果數(shù)據(jù)太多需要手動(dòng)滑動(dòng)看到

//設(shè)置一頁顯示的數(shù)據(jù)條數(shù),超出的數(shù)量需要滑動(dòng)查看:

_barChartView.setVisibleXRangeMaximum(double);//需要在設(shè)置數(shù)據(jù)源后生效(這是一個(gè)坑,懶加載寫這個(gè)方法并沒任何反應(yīng),必須在調(diào)用數(shù)據(jù)后使用才有效果)

我的:

設(shè)置數(shù)據(jù)后寫[_barChartView setVisibleXRangeMinimum:6.f];

我是在

(// 需求:只滑動(dòng)不縮放:(系統(tǒng)內(nèi)部默認(rèn)是先縮放后滑動(dòng))及初始化時(shí)x軸就縮放1.5倍,就可以滑動(dòng)了,

ChartViewPortHandler *scaleX = _barChartView.viewPortHandler;

[scaleX setMinimumScaleX:1.5f];)

下使用(//? ? ? ? xAxis.labelRotationAngle = -30;// x軸上名字的旋轉(zhuǎn)角度,

xAxis.labelPosition = XAxisLabelPositionBottom;//X軸的顯示位置,默認(rèn)是顯示在上面的)的,每一次進(jìn)來就這樣:

x軸單元數(shù)據(jù)顯示不全

向左滑動(dòng)后才:

x軸單元數(shù)據(jù)顯示全

若是有那個(gè)大神知道歡迎告知,我的解決就是沒用傾斜的方法,直接用了_barChartView.setVisibleXRangeMaximum(double);

其他實(shí)用屬性方法陸續(xù)更新。。。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一圖勝千文,純粹的數(shù)據(jù)枯燥、無聊,讓人看不下去,改變一下形式,用圖表裝飾一下,立馬有趣多了。既然有這樣的外部需求,...
    沉思的Panda閱讀 54,049評論 13 70
  • 開獎(jiǎng)號:512 7碼中:012578
    福中仙閱讀 137評論 0 1
  • Round 2, Session 2 今天出門忘記帶散粉了。 先給不懂的人補(bǔ)充下知識點(diǎn):啥叫散粉,就是一種往臉上撲...
    laBonita閱讀 4,133評論 7 4
  • 最近聽朋友聊起一個(gè)真實(shí)案例。浙江青田籍的羅女士,網(wǎng)上約車前往溫州市龍灣區(qū)某地,車主是李某。車子到達(dá)龍灣區(qū)的一個(gè)路口...
    補(bǔ)拙莫如勤LV閱讀 136評論 2 2
  • 北京西站候車廳,早來了一個(gè)多小時(shí),正好找到一個(gè)空座位坐下了看書。旁邊不一會(huì)兒來了一對夫妻帶著兩個(gè)孩子。好不容易有...
    瀟湘客南閱讀 319評論 0 0

友情鏈接更多精彩內(nèi)容