MPAndroidChart中k線圖自定義x軸標(biāo)簽。

本文鏈接:http://www.reibang.com/p/65fcc31b1f5f

首先上效果圖渔欢,避免大家走錯地方了猛拴。

效果圖

前言

由于該庫獲取X軸頂部和底部只能顯示相同的數(shù)據(jù),不能改變數(shù)據(jù)和加圖標(biāo)霞捡,而需求又需要加其他數(shù)據(jù)和圖標(biāo)變化顯示坐漏,X軸上下都需要顯示數(shù)據(jù)和圖標(biāo)。該庫沒有提供碧信,搜了一些資料都沒有赊琳,所以就自己動手,記錄一下砰碴。



1.在XAxisRenderer這個類中找到了renderAxisLabels(Canvas c) 繪制X軸的方法



找到了在哪里繪制的這就好辦了躏筏,然后順騰摸瓜找到繪制每一個數(shù)據(jù)的方法


發(fā)現(xiàn)在紅圈標(biāo)注的地方設(shè)置了Paint

找到了這些我們就可以動手試著去改了,上代碼

自定義了它的XAxisRenderer

,

下面付帶完整MyXAxisRenderer的代碼



public class MyXAxisRenderer extends XAxisRenderer {

? ? public MyXAxisRenderer(ViewPortHandler viewPortHandler, XAxis xAxis, Transformer trans) {

? ? ? ? super(viewPortHandler, xAxis, trans);

? ? }

//? ? renderAxisLabels

? ? @Override

? ? public void renderAxisLabels(Canvas c) {

? ? ? ? super.renderAxisLabels(c);

? ? ? ? if (isDrawTop) {

? ? ? ? ? ? float yoffset = mXAxis.getYOffset() + ScreenTool.dip2px(10);

? ? ? ? ? ? MPPointF pointF = MPPointF.getInstance(0, 0);

? ? ? ? ? ? drawOtherLabel(c, mViewPortHandler.contentTop() - yoffset, pointF);

? ? ? ? }

}

? ? //畫其他的x? 軸數(shù)字

? ? private void drawOtherLabel(Canvas c, float pos, MPPointF anchor) {

? ? ? ? final float labelRotationAngleDegrees = mXAxis.getLabelRotationAngle();

? ? ? ? boolean centeringEnabled = mXAxis.isCenterAxisLabelsEnabled();

? ? ? ? float[] positions = new float[mXAxis.mEntryCount* 2];

? ? ? ? for (int i= 0; i< positions.length; i+= 2) {

? ? ? ? ? ? // only fill x values

? ? ? ? ? ? if (centeringEnabled) {

? ? ? ? ? ? ? ? positions[i] = mXAxis.mCenteredEntries[i/ 2];

? ? ? ? ? ? } else {

? ? ? ? ? ? ? ? positions[i] = mXAxis.mEntries[i/ 2];

? ? ? ? ? ? }

}

? ? ? ? mTrans.pointValuesToPixel(positions);

? ? ? ? for (int i= 0; i< positions.length; i+= 2) {

? ? ? ? ? ? float x= positions[i];

? ? ? ? ? ? if (mViewPortHandler.isInBoundsX(x)) {

? ? ? ? ? ? ? ? String val = mXAxis.getValueFormatter().getFormattedValue(mXAxis.mEntries[i/ 2], mXAxis);

? ? ? ? ? ? ? ? if (mAxis.mEntries[i/ 2] < lineData.size()) {

? ? ? ? ? ? ? ? ? ? if ((int) mXAxis.mEntries[i/ 2] != 0) {

? ? ? ? ? ? ? ? ? ? ? ? String label= lineData.get((int) mXAxis.mEntries[i/ 2]).getWendu();

? ? ? ? ? ? ? ? ? ? ? ? if (label== null || label.equals("")) {

? ? ? ? ? ? ? ? ? ? ? ? ? ? label= "";

? ? ? ? ? ? ? ? ? ? ? ? } else {

? ? ? ? ? ? ? ? ? ? ? ? ? ? label+= "°C";

? ? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? ? ? if (mXAxis.isAvoidFirstLastClippingEnabled()) {

? ? ? ? ? ? ? ? ? ? ? ? ? ? // avoid clipping of the last

? ? ? ? ? ? ? ? ? ? ? ? ? ? if (i== mXAxis.mEntryCount- 1 && mXAxis.mEntryCount> 1) {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? float width = Utils.calcTextWidth(mAxisLabelPaint, label);

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? if (width > mViewPortHandler.offsetRight() * 2

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? && x+ width > mViewPortHandler.getChartWidth())

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? x-= width / 2;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // avoid clipping of the first

? ? ? ? ? ? ? ? ? ? ? ? ? ? } else if (i== 0) {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? float width = Utils.calcTextWidth(mAxisLabelPaint, label);

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? x+= width / 2;

? ? ? ? ? ? ? ? ? ? ? ? ? ? }

}

? ? ? ? ? ? ? ? ? ? ? ? mAxisLabelPaint.setColor(mXAxis.getTextColor());

? ? ? ? ? ? ? ? ? ? ? ? int mBitWidth = ScreenTool.dip2px(20);

? ? ? ? ? ? ? ? ? ? ? ? int mBitHeight = mBitWidth;

? ? ? ? ? ? ? ? ? ? ? ? Paint mBitPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

? ? ? ? ? ? ? ? ? ? ? ? mBitPaint.setFilterBitmap(true);

? ? ? ? ? ? ? ? ? ? ? ? mBitPaint.setDither(true);

? ? ? ? ? ? ? ? ? ? ? ? if (weatherIcons.containsKey(lineData.get((int) mXAxis.mEntries[i/ 2]).getTianqi())) {

? ? ? ? ? ? ? ? ? ? ? ? ? ? int res = weatherIcons.get(lineData.get((int) mXAxis.mEntries[i/ 2]).getTianqi());

? ? ? ? ? ? ? ? ? ? ? ? ? ? Bitmap mBitmap = ((BitmapDrawable) MyApp.getInstance().getResources().getDrawable(res)).getBitmap();

? ? ? ? ? ? ? ? ? ? ? ? ? ? Bitmap bi = Bitmap.createScaledBitmap(mBitmap, mBitWidth, mBitHeight, true);

? ? ? ? ? ? ? ? ? ? ? ? ? ? float bitmapX= x- mBitWidth - ScreenTool.dip2px(3);

? ? ? ? ? ? ? ? ? ? ? ? ? ? if (label.equals("")) {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? bitmapX= x;

? ? ? ? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? ? ? ? ? c.drawBitmap(bi, bitmapX, pos -ScreenTool.dip2px(5) , null);

? ? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? ? ? String wendu = lineData.get((int) mXAxis.mEntries[i/ 2]).getWendu();

? ? ? ? ? ? ? ? ? ? ? ? if (wendu != null && !wendu.equals("")) {

? ? ? ? ? ? ? ? ? ? ? ? ? ? int temp = Integer.valueOf(wendu);

? ? ? ? ? ? ? ? ? ? ? ? ? ? if (temp <= 18) {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? mAxisLabelPaint.setColor(MyApp.getInstance().getResources().getColor(R.color.light_blue));

? ? ? ? ? ? ? ? ? ? ? ? ? ? } else if (temp > 18 && temp < 22) {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? mAxisLabelPaint.setColor(MyApp.getInstance().getResources().getColor(R.color.light_green));

? ? ? ? ? ? ? ? ? ? ? ? ? ? } else if (temp >= 22 && temp < 25) {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? mAxisLabelPaint.setColor(MyApp.getInstance().getResources().getColor(R.color.main_orange_color));

? ? ? ? ? ? ? ? ? ? ? ? ? ? } else {

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? mAxisLabelPaint.setColor(MyApp.getInstance().getResources().getColor(R.color.light_red));

? ? ? ? ? ? ? ? ? ? ? ? ? ? }

}

? ? ? ? ? ? ? ? ? ? ? ? if (label!= null) {

? ? ? ? ? ? ? ? ? ? ? ? ? ? drawLabel(c, label, x, pos, anchor, labelRotationAngleDegrees);

? ? ? ? ? ? ? ? ? ? ? ? }

}

}

}

}

}

? ? public void setWeatherTemp(List<HistoryGradeInfo> lineData) {

? ? ? ? weatherIcons.put("晴", R.drawable.ic_weather_sunny);

? ? ? ? weatherIcons.put("陰", R.drawable.ic_weather_blue_yin_day);

? ? ? ? weatherIcons.put("雨", R.drawable.ic_weather_blue_rain_day);

? ? ? ? weatherIcons.put("雪", R.drawable.ic_weather_blue_snow_day);

? ? ? ? this.lineData= new ArrayList<>();

? ? ? ? HistoryGradeInfo hi = new HistoryGradeInfo();

? ? ? ? hi.setTianqi("");

? ? ? ? hi.setWendu("");

? ? ? ? this.lineData.add(hi);

? ? ? ? for (HistoryGradeInfo item : lineData) {

? ? ? ? ? ? this.lineData.add(item);

? ? ? ? }

}

? ? public void setDrawTop(boolean isDrawTop) {

? ? ? ? this.isDrawTop= isDrawTop;

? ? }

? ? private boolean isDrawTop= false;

? ? private List<HistoryGradeInfo> lineData;

? ? private HashMap<String, Integer> weatherIcons= new HashMap<>();

}



在LineChart中使用MyXAxisRenderer


public class MyLineChart extends LineChart {

? ? public MyLineChart(Context context) {

? ? ? ? super(context);

? ? }

? ? public MyLineChart(Context context, AttributeSet attrs) {

? ? ? ? super(context, attrs);

? ? }

? ? public MyLineChart(Context context, AttributeSet attrs, int defStyle) {

? ? ? ? super(context, attrs, defStyle);

? ? }

? ? @Override

? ? protected void init() {

? ? ? ? super.init();

? ? ? ? mXAxisRenderer= new MyXAxisRenderer(mViewPortHandler, mXAxis, mLeftAxisTransformer);

? ? }

? public MyXAxisRenderer getMyXAxisRenderer(){

? ? ? ? return (MyXAxisRenderer) mXAxisRenderer;

? }

}


在項(xiàng)目中引用自己修改過的MyLineChart

? ? ? ? 獲取lineChart對象開啟繪制頂部數(shù)據(jù)和設(shè)置頂部的數(shù)據(jù) 和修改里面的顏色

參考??daio_odai 的帖子:?https://blog.csdn.net/daio_odai/article/details/84106099?

? ? ?終于寫完了呈枉,這是我第一次寫文章趁尼,有的還不知道怎么使用,可能讀起來會很吃力猖辫,有什么好的建議希望能提出來酥泞,我會盡快去提示自己表述和編輯這方面的能力,最后啃憎,希望這篇文章能幫到有需要的小伙伴芝囤。


? 如有什么疑問大家可以加我qq:549813516 或郵箱私信我:im.wyu@qq.com

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市荧飞,隨后出現(xiàn)的幾起案子凡人,更是在濱河造成了極大的恐慌,老刑警劉巖叹阔,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挠轴,死亡現(xiàn)場離奇詭異,居然都是意外死亡耳幢,警方通過查閱死者的電腦和手機(jī)岸晦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進(jìn)店門欧啤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人启上,你說我怎么就攤上這事邢隧。” “怎么了冈在?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵倒慧,是天一觀的道長。 經(jīng)常有香客問我包券,道長纫谅,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任溅固,我火速辦了婚禮付秕,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘侍郭。我一直安慰自己询吴,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布亮元。 她就那樣靜靜地躺著猛计,像睡著了一般。 火紅的嫁衣襯著肌膚如雪爆捞。 梳的紋絲不亂的頭發(fā)上有滑,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天,我揣著相機(jī)與錄音嵌削,去河邊找鬼。 笑死望艺,一個胖子當(dāng)著我的面吹牛苛秕,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播找默,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼艇劫,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了惩激?” 一聲冷哼從身側(cè)響起店煞,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎风钻,沒想到半個月后顷蟀,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡骡技,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年鸣个,在試婚紗的時候發(fā)現(xiàn)自己被綠了羞反。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,064評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡囤萤,死狀恐怖昼窗,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情涛舍,我是刑警寧澤澄惊,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站富雅,受9級特大地震影響掸驱,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吹榴,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一亭敢、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧图筹,春花似錦帅刀、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至瓜晤,卻和暖如春锥余,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背痢掠。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工驱犹, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人足画。 一個月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓雄驹,卻偏偏與公主長得像,于是被迫代替她去往敵國和親淹辞。 傳聞我的和親對象是個殘疾皇子医舆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評論 2 345