MPAndroidChart 3.0的簡單使用——柱狀圖

一运挫、導(dǎo)入MPAndroidChart 3.0包

在項目中的build.gradle中導(dǎo)入compile'com.github.PhilJay:MPAndroidChart:v3.0.1'。

二蚓哩、項目中的使用(以柱狀圖為例)
新建布局文件activity_barchart。
<pre>

    <com.github.mikephil.charting.charts.BarChart
    android:id="@+id/check_bc"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:paddingTop="10dp"
    />

</pre>
三蚪拦、項目中使用

  1. 獲取BarChart的id杖剪,并設(shè)置一些相關(guān)的屬性
    <pre>

       private void initCheckParChart(){
             check_bc = (BarChart) getView().findViewById(R.id.check_bc);
             check_bc.getDescription().setEnabled(false);
              Description description = new Description();
             description.setText("驗收統(tǒng)計");//設(shè)置右下角的描述信息
             description.setTextSize(14f);//設(shè)置描述信息字體大小
             check_bc.setDescription(description);
    
             check_bc.setNoDataText("暫無數(shù)據(jù)"); //設(shè)置空表的描述信息
             check_bc.setDrawGridBackground(false);//是否繪制網(wǎng)格背景
             check_bc.setDrawValueAboveBar(true);//將Y數(shù)據(jù)顯示在點的上方
             check_bc.setPinchZoom(true);//擠壓縮放
             check_bc.setDrawBarShadow(false);
             check_bc.setDrawGridBackground(false);
             check_bc.setScaleYEnabled(false);
             check_bc.setDoubleTapToZoomEnabled(false);//雙擊縮放
             check_bc.animateY(2500);
             check_bc.getLegend().setEnabled(false);
             initCheckData();
      }
    

</pre>
2.解析統(tǒng)計數(shù)據(jù)
數(shù)據(jù)使用的是自己寫的json串冻押,后期可以修改成從服務(wù)器獲取的json驰贷。
<pre>

   private String CHECKJSON = "{\n" +
        "    \"rows\":[\n" +
        "        {\n" +
        "            \"NAME\":\"立項\",\n" +
        "            \"NUM\":\"10\"\n" +
        "        },\n" +
        "        {\n" +
        "            \"NAME\":\"招標(biāo)\",\n" +
        "            \"NUM\":\"26\"\n" +
        "        },\n" +
        "        {\n" +
        "            \"NAME\":\"簽合同\",\n" +
        "            \"NUM\":\"30\"\n" +
        "        },\n" +
        "        {\n" +
        "            \"NAME\":\"驗收\",\n" +
        "            \"NUM\":\"24\"\n" +
        "        },\n" +
        "        {\n" +
        "            \"NAME\":\"結(jié)項\",\n" +
        "            \"NUM\":\"15\"\n" +
        "        }\n" +
        "    ]\n" +
        "}";

</pre>
<pre>

public void initCheckData(){
    try {
        JSONObject object = new JSONObject(CHECKJSON);
        JSONArray array = object.getJSONArray("rows");
        ArrayList<BarEntry> entries = new ArrayList<BarEntry>();
        ArrayList<String> xVals = new ArrayList<String>();
        for(int j = 0;j<array.length();j++){
            JSONObject jsonObject = array.getJSONObject(j);
            BarEntry barEntry = new BarEntry(j,Float.parseFloat(jsonObject.optString("NUM")));
            xVals.add(jsonObject.optString("NAME"));
            entries.add(barEntry);
        }
       setData(entries,xVals);

    } catch (JSONException e) {
        e.printStackTrace();
    }

}

</pre>
3.給柱狀圖添加數(shù)據(jù)
最需要注意的是3.0以后給X軸賦值為漢字的時候不能使用BarData bardata = new BarData( xVals,dataSets)方法了洛巢,我使用以下方法給X軸添加漢字括袒。在使用的同時需要注意一定要添加此方法xAxis.setLabelCount(xVals.size())來設(shè)置X軸的個數(shù),如果不使用會出現(xiàn)多個相同的名稱稿茉。
<pre>

         xAxis.setValueFormatter(new IAxisValueFormatter() {
           @Override
           public String getFormattedValue(float value, AxisBase axis) {
               return String.valueOf(xVals.get((int) value));
            }
         });

</pre>
<pre>

 private void setData(ArrayList<BarEntry> entries,final ArrayList<String> xVals) {
    XAxis xAxis =  check_bc.getXAxis();
    xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
    xAxis.setDrawGridLines(false);
    //設(shè)置x軸的數(shù)據(jù)
    xAxis.setValueFormatter(new IAxisValueFormatter() {
        @Override
        public String getFormattedValue(float value, AxisBase axis) {
            return String.valueOf(xVals.get((int) value));
        }
    });
    //顯示個數(shù)
    xAxis.setLabelCount(xVals.size());

   BarDataSet dataSet = new BarDataSet(entries, "驗收統(tǒng)計");
    //數(shù)據(jù)和顏色
    ArrayList<Integer> colors = new ArrayList<Integer>();
    // 柱狀圖顏色
    colors.add(Color.rgb(44,120,221));
    colors.add(Color.rgb(239,167,52));
    colors.add(Color.rgb(71,183,61));
    colors.add(Color.rgb(87,162,253));
    colors.add(Color.rgb(255,125,39));
    dataSet.setColors(colors);
 //   dataSet.setValueTextColors(colors);

    ArrayList<IBarDataSet> dataSets = new ArrayList<IBarDataSet>();
    dataSets.add(dataSet);

    BarData bardata = new BarData(dataSets);
    bardata.setDrawValues(true);
    bardata.setValueTextColor(Color.BLACK);
    bardata.setValueTextSize(13);

    check_bc.setData(bardata);
    check_bc.animateXY(800,800);//圖表數(shù)據(jù)顯示動畫
    check_bc.setVisibleXRangeMaximum(15);//設(shè)置屏幕顯示條數(shù)
    check_bc.invalidate();
    //刷新
    check_bc.invalidate();
}

</pre>

作者水平有限锹锰,如有錯誤,請多多指教漓库。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末恃慧,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子渺蒿,更是在濱河造成了極大的恐慌痢士,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,695評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件茂装,死亡現(xiàn)場離奇詭異怠蹂,居然都是意外死亡,警方通過查閱死者的電腦和手機少态,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評論 3 399
  • 文/潘曉璐 我一進店門城侧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人彼妻,你說我怎么就攤上這事嫌佑《姑#” “怎么了?”我有些...
    開封第一講書人閱讀 168,130評論 0 360
  • 文/不壞的土叔 我叫張陵歧强,是天一觀的道長澜薄。 經(jīng)常有香客問我,道長摊册,這世上最難降的妖魔是什么肤京? 我笑而不...
    開封第一講書人閱讀 59,648評論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮茅特,結(jié)果婚禮上忘分,老公的妹妹穿的比我還像新娘。我一直安慰自己白修,他們只是感情好妒峦,可當(dāng)我...
    茶點故事閱讀 68,655評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著兵睛,像睡著了一般肯骇。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上祖很,一...
    開封第一講書人閱讀 52,268評論 1 309
  • 那天笛丙,我揣著相機與錄音,去河邊找鬼假颇。 笑死胚鸯,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的笨鸡。 我是一名探鬼主播姜钳,決...
    沈念sama閱讀 40,835評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼形耗!你這毒婦竟也來了哥桥?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,740評論 0 276
  • 序言:老撾萬榮一對情侶失蹤激涤,失蹤者是張志新(化名)和其女友劉穎拟糕,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體昔期,經(jīng)...
    沈念sama閱讀 46,286評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡已卸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,375評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了硼一。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片累澡。...
    茶點故事閱讀 40,505評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖般贼,靈堂內(nèi)的尸體忽然破棺而出愧哟,到底是詐尸還是另有隱情奥吩,我是刑警寧澤,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布蕊梧,位于F島的核電站霞赫,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏肥矢。R本人自食惡果不足惜端衰,卻給世界環(huán)境...
    茶點故事閱讀 41,873評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望甘改。 院中可真熱鬧旅东,春花似錦、人聲如沸十艾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,357評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽忘嫉。三九已至荤牍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間庆冕,已是汗流浹背康吵。 一陣腳步聲響...
    開封第一講書人閱讀 33,466評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留愧杯,地道東北人涎才。 一個月前我還...
    沈念sama閱讀 48,921評論 3 376
  • 正文 我出身青樓鞋既,卻偏偏與公主長得像力九,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子邑闺,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,515評論 2 359

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理跌前,服務(wù)發(fā)現(xiàn),斷路器陡舅,智...
    卡卡羅2017閱讀 134,701評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,285評論 25 707
  • Swift版本點擊這里歡迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh閱讀 25,414評論 7 249
  • 先生又加班睡單位了,離家太遠颅眶,回來十一點蜈出,早上六點多起床就走,太折騰涛酗,真想在單位附近有處房子铡原,加班到多晚隨時都可以...
    薄荷的自由未來閱讀 192評論 0 0
  • 對于一個積極進取的人而言偷厦,面對壓力自問,“如果沒做成又如何燕刻?”這樣的想法并非找借口只泼,而是一種有效疏解壓力的方式。但...
    澹然四海清閱讀 334評論 0 0