Android GraphView 라이브러리를 활용한 막대그래프 예제

Android Graph 그리는 걸 테스트 해보고 있다.

http://www.android-graphview.org/ 에서 제공하는 라이브러리를 이용하여 그래프를 그리는 방법이다.

위 사이트에 가면 쉽게 예제코드를 복사해서 사용할 수 있도록 되어 있다.

JSON 으로 받은 데이터를 직접 대입하는 방법으로 테스트한 결과를 확인해봤다.

X축을 값으로 대체하여 넣은 방법이 없는 것인지 아직 내가 파악을 못한 것인지 몰라도 이 부분은 약간 불편하다.

build.gradle

dependencies {     implementation fileTree(dir: 'libs', include: ['*.jar'])     implementation 'com.android.support:appcompat-v7:27.1.1'     implementation 'com.android.support.constraint:constraint-layout:1.1.3'     implementation 'com.android.support:support-v4:27.1.1'     implementation 'com.android.support:recyclerview-v7:27.1.1' // ListView 개선 버전     implementation 'com.android.support:cardview-v7:27.1.1'     implementation 'com.android.support:design:27.1.1'     implementation 'gun0912.ted:tedpermission:2.0.0'     implementation 'com.android.volley:volley:1.1.0'     implementation 'com.github.bumptech.glide:glide:3.8.0' // 이미지 라이브러리     implementation 'com.jjoe64:graphview:4.2.2' // 그래프 라이브러리 }

XML Layout

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical">     <LinearLayout         android:orientation="vertical"         android:layout_width="match_parent"         android:layout_height="0dp"         android:layout_weight="5"         >         <RelativeLayout             android:layout_width="match_parent"             android:layout_height="50dp"             >             <ImageView                 android:id="@+id/navibar_bg"                 android:layout_width="match_parent"                 android:layout_height="match_parent"                 android:src="@drawable/navibar_bg"                 android:adjustViewBounds="false"                 android:scaleType="fitXY"                 />             <TextView                 android:id="@+id/navibar_text"                 android:layout_width="match_parent"                 android:layout_height="match_parent"                 android:gravity="center"                 android:textColor="@android:color/white"                 android:textSize="22dp"                 android:text="No Title"                 android:singleLine="true"                 />             <Button                 android:id="@+id/back_btn"                 android:layout_width="30dp"                 android:layout_height="30dp"                 android:layout_centerVertical="true"                 android:layout_marginLeft="10dp"                 android:background="@drawable/btn_back_c" />             <Button                 android:id="@+id/home_btn"                 android:layout_width="30dp"                 android:layout_height="30dp"                 android:layout_alignParentRight="true"                 android:layout_centerVertical="true"                 android:layout_marginRight="10dp"                 android:background="@drawable/btn_home_c" />         </RelativeLayout>         <com.jjoe64.graphview.GraphView             android:layout_width="match_parent"             android:layout_height="match_parent"             android:id="@+id/graph" />     </LinearLayout> </LinearLayout>

Java 코드

graphView Class 생성시 GraphView 로 생성하면 에러가 발생한다.

import android.content.Context; import android.content.Intent; import android.graphics.Color; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.util.Log; import android.view.View; import android.widget.TextView; import com.android.volley.Request; import com.android.volley.RequestQueue; import com.android.volley.Response; import com.android.volley.VolleyError; import com.android.volley.toolbox.StringRequest; import com.android.volley.toolbox.Volley; import com.jjoe64.graphview.GraphView; import com.jjoe64.graphview.ValueDependentColor; import com.jjoe64.graphview.series.BarGraphSeries; import com.jjoe64.graphview.series.DataPoint; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject; import java.util.ArrayList; public class graphView extends AppCompatActivity implements View.OnClickListener  {     Context context;     // ArrayList 선언     ArrayList<Integer> jsonList = new ArrayList<>();     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_graphview);         context = this.getBaseContext();         initView();     }     private void initView() {         // button action...         findViewById(R.id.back_btn).setOnClickListener(this);         findViewById(R.id.home_btn).setOnClickListener(this);         // title set         TextView title = (TextView) this.findViewById(R.id.navibar_text); // title         title.setText(getIntent().getExtras().getString("title"));         DataVolley();     }     private void DataVolley() {         // 1. RequestQueue 생성 및 초기화         RequestQueue requestQueue = Volley.newRequestQueue(context);         String url = "http://100.100.100.100/chart/data.json";         // 2. Request Obejct인 StringRequest 생성         StringRequest request = new StringRequest(Request.Method.GET, url,                 new Response.Listener<String>() {                     @Override                     public void onResponse(String response) {                         //Log.d("result", "[" + response + "]");                         showJSONList(response);                     }                 },                 new Response.ErrorListener() {                     @Override                     public void onErrorResponse(VolleyError error) {                         Log.d("error", "[" + error.getMessage() + "]");                     }                 }) {         };         // 3) 생성한 StringRequest를 RequestQueue에 추가         requestQueue.add(request);     }     private void showJSONList(String JSONdata) {         try {             JSONObject jsonObj = new JSONObject(JSONdata);             JSONArray jsonArray = jsonObj.getJSONArray("content");             for (int i = 0; i < jsonArray.length(); i++) {                 JSONObject c = jsonArray.getJSONObject(i);                 final String Sdate = c.getString("sysdate");                 final String Mdata = c.getString("mcount");                 //System.out.println(i + " mcount : " + Mdata);                 jsonList.add(Integer.parseInt(Mdata));             }         } catch (JSONException e) {             e.printStackTrace();         }         // http://www.android-graphview.org/bar-chart/         GraphView graph = (GraphView) findViewById(R.id.graph);         BarGraphSeries<DataPoint> series = new BarGraphSeries<>(new DataPoint[] {                 new DataPoint(0, jsonList.get(0)),                 new DataPoint(1, jsonList.get(1)),                 new DataPoint(2, jsonList.get(2)),                 new DataPoint(3, jsonList.get(3)),                 new DataPoint(4, jsonList.get(4)),                 new DataPoint(5, jsonList.get(5)),                 new DataPoint(6, jsonList.get(6)),                 new DataPoint(7, jsonList.get(7))         });         graph.addSeries(series);         // styling         series.setValueDependentColor(new ValueDependentColor<DataPoint>() {             @Override             public int get(DataPoint data) {                 return Color.rgb((int) data.getX()*255/4, (int) Math.abs(data.getY()*255/6), 100);             }         });         series.setSpacing(50);         // draw values on top         series.setDrawValuesOnTop(true);         series.setValuesOnTopColor(Color.RED);     }     @Override     public void onClick(View view) {         switch (view.getId()) {             case R.id.back_btn:                 finish();                 overridePendingTransition(R.anim.rightin, R.anim.rightout);                 break;             case R.id.home_btn:                 Intent intent = new Intent(graphView.this, MainActivity.class);                 intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP | Intent.FLAG_ACTIVITY_SINGLE_TOP);                 startActivity(intent);                 break;             default:                 break;         }     } }