MPAndroidChart 3.0的简单使用——柱状图

一、导入MPAndroidChart 3.0包

在项目中的build.gradle中导入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,并设置一些相关的属性
    <pre>

       private void initCheckParChart(){
             check_bc = (BarChart) getView().findViewById(R.id.check_bc);
             check_bc.getDescription().setEnabled(false);
              Description description = new Description();
             description.setText("验收统计");//设置右下角的描述信息
             description.setTextSize(14f);//设置描述信息字体大小
             check_bc.setDescription(description);
    
             check_bc.setNoDataText("暂无数据"); //设置空表的描述信息
             check_bc.setDrawGridBackground(false);//是否绘制网格背景
             check_bc.setDrawValueAboveBar(true);//将Y数据显示在点的上方
             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.解析统计数据
数据使用的是自己写的json串,后期可以修改成从服务器获取的json。
<pre>

   private String CHECKJSON = "{\n" +
        "    \"rows\":[\n" +
        "        {\n" +
        "            \"NAME\":\"立项\",\n" +
        "            \"NUM\":\"10\"\n" +
        "        },\n" +
        "        {\n" +
        "            \"NAME\":\"招标\",\n" +
        "            \"NUM\":\"26\"\n" +
        "        },\n" +
        "        {\n" +
        "            \"NAME\":\"签合同\",\n" +
        "            \"NUM\":\"30\"\n" +
        "        },\n" +
        "        {\n" +
        "            \"NAME\":\"验收\",\n" +
        "            \"NUM\":\"24\"\n" +
        "        },\n" +
        "        {\n" +
        "            \"NAME\":\"结项\",\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.给柱状图添加数据
最需要注意的是3.0以后给X轴赋值为汉字的时候不能使用BarData bardata = new BarData( xVals,dataSets)方法了,我使用以下方法给X轴添加汉字。在使用的同时需要注意一定要添加此方法xAxis.setLabelCount(xVals.size())来设置X轴的个数,如果不使用会出现多个相同的名称。
<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);
    //设置x轴的数据
    xAxis.setValueFormatter(new IAxisValueFormatter() {
        @Override
        public String getFormattedValue(float value, AxisBase axis) {
            return String.valueOf(xVals.get((int) value));
        }
    });
    //显示个数
    xAxis.setLabelCount(xVals.size());

   BarDataSet dataSet = new BarDataSet(entries, "验收统计");
    //数据和颜色
    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);//图表数据显示动画
    check_bc.setVisibleXRangeMaximum(15);//设置屏幕显示条数
    check_bc.invalidate();
    //刷新
    check_bc.invalidate();
}

</pre>

作者水平有限,如有错误,请多多指教。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 161,873评论 4 370
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,483评论 1 306
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,525评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,595评论 0 218
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,018评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,958评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,118评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,873评论 0 208
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,643评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,813评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,293评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,615评论 3 262
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,306评论 3 242
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,170评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,968评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,107评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,894评论 2 278

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,111评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,596评论 25 707
  • Swift版本点击这里欢迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh阅读 24,889评论 7 249
  • 先生又加班睡单位了,离家太远,回来十一点,早上六点多起床就走,太折腾,真想在单位附近有处房子,加班到多晚随时都可以...
    薄荷的自由未来阅读 173评论 0 0
  • 对于一个积极进取的人而言,面对压力自问,“如果没做成又如何?”这样的想法并非找借口,而是一种有效疏解压力的方式。但...
    澹然四海清阅读 321评论 0 0