Android開源 - SmallChart圖表庫

SmallChart是一個開源的Android圖表庫，擁有5種不同的圖表類型來展示數據。可以通過輸入的數據以及可設置的顏色、畫筆大小等屬性方便的創建圖表。

• Curve Chart(fill)

• bar Chart

• Line Chart

• Combine Chart

• PieChart

• RadarChart

特征

• 折線圖、曲線圖(可填充)、柱狀圖、扇形圖、雷達圖，共5種圖表類型。
• 組合圖表類型，可任意組合折線圖、曲線圖、柱狀圖。
• 折線圖、曲線圖(可填充)、柱狀圖、扇形圖都擁有繪制動畫。
• 扇形圖提供了觸控交互效果。

使用

Gradle

• Step 1. Add the JitPack repository to your build file

    allprojects {
        repositories {
            ...
            maven { url "https://jitpack.io" }
        }
    }

• Step 2. Add SmallChart

    dependencies {
            compile 'com.github.Idtk:SmallChart:v0.1.1'
    }

Maven

• Step 1. Add the JitPack repository to your build file

    <repositories>
        <repository>
            <id>jitpack.io</id>
            <url>https://jitpack.io</url>
        </repository>
    </repositories>

• Step 2. Add SmallChart

    <dependency>
        <groupId>com.github.Idtk</groupId>
        <artifactId>SmallChart</artifactId>
        <version>v0.1.1</version>
    </dependency>

以組合圖表為例

XML

<com.idtk.smallchart.chart.CombineChart
    android:id="@+id/combineChart"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

Java

CombineChart combineChart = (CombineChart)view.findViewById(R.id.combineChart);
combineChart.isAnimated = false;
combineChart.setDataList(mDataList);

Data

private CurveData mCurveData = new CurveData();
private ArrayList<PointF> mPointArrayList1 = new ArrayList<>();

private LineData mLineData = new LineData();
private ArrayList<PointF> mPointArrayList2 = new ArrayList<>();

private BarData mBarData = new BarData();
private ArrayList<PointF> mPointArrayList3 = new ArrayList<>();

private ArrayList<IBarLineCurveData> mDataList = new ArrayList<>();

mBarData.setValue(mPointArrayList3);
mBarData.setColor(Color.CYAN);
mBarData.setPaintWidth(pxTodp(5));
mBarData.setTextSize(pxTodp(10));
mDataList.add(mBarData);

mLineData.setValue(mPointArrayList2);
mLineData.setColor(Color.MAGENTA);
mLineData.setPaintWidth(pxTodp(3));
mLineData.setTextSize(pxTodp(10));
mDataList.add(mLineData);

mCurveData.setValue(mPointArrayList1);
mCurveData.setColor(Color.YELLOW);
mCurveData.setPaintWidth(pxTodp(3));
mCurveData.setTextSize(pxTodp(10));
mDataList.add(mCurveData);

其他圖表示例請查看Example

 

本站原創，轉載時保留以下信息：
本文轉自：深度開源（open-open.com）
原文地址：http://www.baiduhome.net/lib/view/open1470819423275.html