HoloGraphLibrary三方圖表框架
HoloGraphLibrary 說實話 我覺得很坑
我下面說一下
HoloGraphLibrary的簡單使用。從GitHub到自己的項目 。
先說一下東西:
GitHub官網地址:https://github.com/Androguide/HoloGraphLibrary
開發工具:android studio 2.2.3(2.3已出)
測試手機:夜神模擬器,金立
1、下載:
從GitHub官網clone項目到本地或者直接下載到本地:
下載下來解壓後的文件夾如下:
我們要用到的就是HoloGraphLibrary文件夾
2、集成到我們的android studio
1、打開我們的android studio
File - ->New - ->Import Module
2、找到我們HoloGraphLibrary文件夾 finish
3、修改版本信息
對照着build.gradle(Moudle.app) 修改我們右邊的版本信息。
4、syn now 或者rebuild 一下工程 集成就ok了
OK,我們集成講完了 我們現在來說一下使用。
效果圖:
LineGraph:
Activity:
package com.wentong.administrator.holographdemo.activity;
import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import com.echo.holographlibrary.Line;
import com.echo.holographlibrary.LineGraph;
import com.echo.holographlibrary.LinePoint;
import com.wentong.administrator.holographdemo.R;
/**
* Created by Administrator on 2017/3/16.
*/
public class LineGraphActivity extends AppCompatActivity{
LineGraph lineGraph ;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_linegraph);
initView() ;
}
private void initView() {
lineGraph = (LineGraph) findViewById(R.id.act_lg_lineGraph) ;
Line l = new Line();
LinePoint p = new LinePoint();
p.setX(0);
p.setY(5);
l.addPoint(p);
p = new LinePoint();
p.setX(3);
p.setY(8);
l.addPoint(p);
p = new LinePoint();
p.setX(6);
p.setY(4);
l.addPoint(p);
p = new LinePoint();
p.setX(9);
p.setY(7);
l.addPoint(p);
p = new LinePoint();
p.setX(12);
p.setY(2);
l.addPoint(p);
l.setColor(Color.parseColor("#FFBB33"));
lineGraph.addLine(l);
lineGraph.setRangeY(0, 10);
lineGraph.setLineToFill(0);
}
}
XML:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.echo.holographlibrary.LineGraph
android:id="@+id/act_lg_lineGraph"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
BarGraph:
Activity:
package com.wentong.administrator.holographdemo.activity;
import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import com.echo.holographlibrary.Bar;
import com.echo.holographlibrary.BarGraph;
import com.wentong.administrator.holographdemo.R;
import java.util.ArrayList;
/**
* Created by Administrator on 2017/3/16.
*/
public class BarGraphActivity extends AppCompatActivity{
BarGraph barGraph ;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_bargraph);
initView() ;
}
private void initView() {
barGraph = (BarGraph) findViewById(R.id.act_bg_barGraph) ;
ArrayList<Bar> points = new ArrayList<Bar>();
Bar d = new Bar();
d.setColor(Color.parseColor("#99CC00"));
d.setName("Test1");
d.setValue(10);
Bar d2 = new Bar();
d2.setColor(Color.parseColor("#FFBB33"));
d2.setName("Test2");
d2.setValue(20);
points.add(d);
points.add(d2);
barGraph.setBars(points);
barGraph.setUnit("$");
}
}
XML:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.echo.holographlibrary.BarGraph
android:id="@+id/act_bg_barGraph"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
PieGraph:
Activity:
package com.wentong.administrator.holographdemo.activity;
import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import com.echo.holographlibrary.PieGraph;
import com.echo.holographlibrary.PieSlice;
import com.wentong.administrator.holographdemo.R;
/**
* Created by Administrator on 2017/3/16.
*/
public class PieGraphActivity extends AppCompatActivity{
PieGraph pieGraph ;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_piegraph);
initView() ;
}
private void initView() {
pieGraph = (PieGraph) findViewById(R.id.act_pg_pieGraph) ;
PieSlice slice = new PieSlice();
slice.setColor(Color.parseColor("#99CC00"));
slice.setValue(2);
pieGraph.addSlice(slice);
slice = new PieSlice();
slice.setColor(Color.parseColor("#FFBB33"));
slice.setValue(3);
pieGraph.addSlice(slice);
slice = new PieSlice();
slice.setColor(Color.parseColor("#AA66CC"));
slice.setValue(8);
pieGraph.addSlice(slice);
}
}
XML:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.echo.holographlibrary.PieGraph
android:id="@+id/act_pg_pieGraph"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
OK!
這篇沒有註解,因爲我寫的實在是太low。後面有好看的我會加上註解。