開源一個Android自定義圖表庫其它頭條網

類庫接入
使用示例
1、南丁格爾玫瑰圖 NightingaleRoseChart
2、佔比餅狀圖表 PieChartLayout
3、進度環形圖 ProgressPieChart
4、縱向柱狀圖 BarVerticalChart
5、橫向柱狀圖 BarHorizontalChart
源碼下載

項目中有一些圖表需求，一開始嘗試使用一些開源的圖表庫，這些圖表庫功能很強大，圖表種類應有盡有，是不錯的選擇。但是這些類庫使用起來通常需要大量的設置，對於項目風格不能很好的貼合。於是自己嘗試寫了一個圖表庫，使用起來非常方便，註釋清晰，後期擴展性強。

類庫接入

build.gradle中添加依賴：

 implementation 'com.openxu.viewlib:OXViewLib:'1

其中替換為最新版本，版本查看OXChart

使用示例

1、南丁格爾玫瑰圖 NightingaleRoseChart

1234NightingaleRoseChart roseChartSmall = (NightingaleRoseChart)findViewById(R.id.roseChartSmall);roseChartSmall.setShowChartLable(true); //是否在圖表上顯示指示lableroseChartSmall.setShowChartNum(false); //是否在圖表上顯示指示numroseChartSmall.setShowNumTouched(false); //點擊顯示數量roseChartSmall.setShowRightNum(true); //右側顯示數量roseList.add(new RoseBean(10, "數據1"));roseList.add(new RoseBean(13, "數據2"));roseList.add(new RoseBean(31, "數據3"));roseList.add(new RoseBean(8, "數據4"));roseList.add(new RoseBean(21, "數據5"));//參數1：數據對象class， 參數2：數量屬性字段名稱， 參數3：名稱屬性字段名稱， 參數4：數據集合roseChartSmall.setData(RoseBean.class, "count", "ClassName", roseList);roseChartSmall.setLoading(false);//是否正在加載，數據加載完畢後置為false12345678910111213

2、佔比餅狀圖表 PieChartLayout

  1234567891011121314151617 PieChartLayout pieChart1 = (PieChartLayout)findViewById(R.id.pieChart1);/* * 圓環寬度 * ringWidth > 0 :空心圓環，內環為白色，可以在內環中繪製字 * ringWidth <=0 :實心 */pieChart1.setRingWidth(DensityUtil.dip2px(this, 15));pieChart1.setLineLenth(DensityUtil.dip2px(this, 8)); // //指示線長度pieChart1.setTagModul(PieChartLayout.TAG_MODUL.MODUL_CHART); //在扇形圖上顯示tagpieChart1.setDebug(false);pieChart1.setLoading(true);//請求數據List datalist = new ArrayList<>();datalist.add(new PieChartBean(20, "理髮屋"));datalist.add(new PieChartBean(20, "KTV"));//顯示在中間的lableList tableList = new ArrayList<>();tableList.add(new ChartLable("建築", DensityUtil.sp2px(this, 12), getResources().getColor(R.color.text_color_light_gray)));tableList.add(new ChartLable("性質", DensityUtil.sp2px(this, 12), getResources().getColor(R.color.text_color_light_gray)));pieChart1.setLoading(false);//參數1：數據類型 參數2：數量字段名稱 參數3：名稱字段 參數4：數據集合 參數5:lable集合pieChart1.setChartData(PieChartBean.class, "Numner", "Name",datalist ,tableList);12345678910111213141516171819202122

3、進度環形圖 ProgressPieChart

12345ProgressPieChart chart1 = (ProgressPieChart)findViewById(R.id.chart1);chart1.setProSize(DensityUtil.dip2px(this, 5)); //圓環寬度chart1.setDebug(false);chart1.setLoading(false);chart1.setProColor(Color.parseColor("#ff0000")); //進度顏色//環形中間顯示的lableList lables = new ArrayList<>();lables.add(new ChartLable("60.0%", DensityUtil.sp2px(this, 12), Color.parseColor("#ff0000")));lables.add(new ChartLable("完成率", DensityUtil.sp2px(this, 8), getResources().getColor(R.color.text_color_light_gray)));chart1.setData(100, 60, lables);123456789101112

4、縱向柱狀圖 BarVerticalChart

123456BarVerticalChart chart1 = (BarVerticalChart)findViewById(R.id.chart1);chart1.setBarSpace(DensityUtil.dip2px(this, 1)); //雙柱間距chart1.setBarItemSpace(DensityUtil.dip2px(this, 20)); //柱間距chart1.setDebug(false);chart1.setBarNum(2); //一組柱子數量chart1.setBarColor(new int[]{Color.parseColor("#5F93E7"),Color.parseColor("#F28D02")});//X軸List strXList = new ArrayList<>();//柱狀圖數據List> dataList = new ArrayList<>();for(int i = 0; i<5; i++){ //此集合為柱狀圖上一條數據，集合中包含幾個實體就是幾個柱子 List 
 list = new ArrayList<>(); list.add(new BarBean(random.nextInt(30), "接入系統")); list.add(new BarBean(random.nextInt(20), "審核信息")); dataList.add(list); strXList.add((i+1)+"月");}chart1.setLoading(false);chart1.setData(dataList, strXList);1234567891011121314151617181920

5、橫向柱狀圖 BarHorizontalChart

1234567 BarHorizontalChart chart1 = (BarHorizontalChart)findViewById(R.id.chart1);chart1.setBarSpace(DensityUtil.dip2px(this, 1)); //雙柱間距chart1.setBarItemSpace(DensityUtil.dip2px(this, 20)); //柱間距chart1.setDebug(false);chart1.setBarNum(3);chart1.setBarColor(new int[]{Color.parseColor("#5F93E7"),Color.parseColor("#F28D02")});//X軸List strXList = new ArrayList<>();//柱狀圖數據List> dataList = new ArrayList<>();for(int i = 0; i<100; i++){ //此集合為柱狀圖上一條數據，集合中包含幾個實體就是幾個柱子 List list = new ArrayList<>(); list.add(new BarBean(random.nextInt(30), "lable1")); list.add(new BarBean(random.nextInt(20), "lable2")); dataList.add(list); strXList.add((i+1)+"月");}chart1.setLoading(false);chart1.setData(dataList, strXList);

分享到:

閱讀更多 程序員小新人學習 的文章

關鍵字: ArrayList 圖表柱狀圖