Android利⽤MPAndroidChart绘制曲线图表的基础教程前⾔
最近看了⼀下 Android 上的图表控件，去年做过⼀款应⽤也已上架了，也⽤到了图表控件，但是只是按照官⽅ demo 集成了，并没有过多的研究。
我最近基本上是⾯向 Github 编程了，拿别⼈造好的轮⼦拿来⽤，不能直接⽤的就改改再⽤，实在不好实现的就劝说产品去改需求，基本这是个套路。
既然是图表控件，就上 github ⼀番搜索，关键字 chart，按照 java ⼀筛选，再按照 start 数量排序，由⾼到低。基本上 start 从⾼到低的图表控件就是 MPAndroidChart、hellocharts-android、WilliamChart、XCL-Charts、EazeGraph、Jgraph 这么⼏个了。再排除那些常年不更新的，issues 常年⽆⼈问津的⼀些库，我基本确定就使⽤ MPAndroidChart 了，我其它库也是这么个套路。所以⽇常⼯作就是逛 github，看到中意的就 star make ⼀下，这和逛淘宝是⼀个道理[yahch]。
话不多说，先看⼀下最终效果。
MPAndroidChart 的官⽅⽂档可以说是⾮常详细了，基本上只要照着来就⾏了。
⽅法如下
第⼀步是 Gradle 引⽤和控件使⽤：
allprojects {
repositories {
maven { url "jitpack.io" }
}
}
基本上很多项⽬都是通过通过 maven 官⽅和 jitpack了，没什么好说的。
dependencies {
implementation 'com.github.PhilJay:MPAndroidChart:v3.0.3'
}
我这⾥只⽤到了折线图，其它还有很多种类的图表，把项⽬ clone 下来跑⼀遍就知道了。
android学习教程<com.github.mikephil.charting.charts.LineChart
android:id="@+id/lineChart1"
android:layout_width="match_parent"
android:layout_height="150dp"
android:layout_marginTop="10dp"></com.github.mikephil.charting.charts.LineChart>
第⼆步是构建要显⽰的数据。
ArrayList<Entry> entryArrayList = new ArrayList<>();
for (int i = 0; i < chartDataBean.Altitudes.length; i++) {
Entry entry = new Entry(i, (float) chartDataBean.Altitudes[i]);
entryArrayList.add(entry);
}
//yahch
Entry 的两个参数 x,y 都是 float 类型的，我开始以为都表⽰ x,y 轴的值，但是想想若是 x 轴不是数值那 float 类型也表⽰不了，其实这个 x 轴的 float 类型的值就是 x 轴的下标了。
在折线图表中，⼀个线条就是⼀个 LineDataSet ，构建线条，也很简单。就是⼀通设置，都是按照字⾯意思了。
LineDataSet lineDataSet = new LineDataSet(entryArrayList, "demo");
lineDataSet.setDrawCircles(false);
lineDataSet.setDrawFilled(true);
lineDataSet.setDrawValues(false);
if (SDKInt() >= 18) {
Drawable drawable = Drawable(activity, R.drawable.chart_bg);
lineDataSet.setFillDrawable(drawable);
} else {
lineDataSet.setFillColor(Color.BLACK);
}
lineDataSet.setColor(Color.parseColor("#7093C9"));
lineDataSet.setLineWidth(2f);
lineDataSet.setDrawHighlightIndicators(false);
lineDataSet.setMode(LineDataSet.Mode.CUBIC_BEZIER);
// yahch
LineChart 设置数据⽅法是 LineChart.setData(LineData lineData) ，所以还要构造⼀个 LineData 。
LineData lineData = new LineData(lineDataSet);
假如我们有需求需要绘制⼀条平均刻线，可以使⽤ LimitLine。
LimitLine avgLine = new LimitLine(123f);
avgLine.setLineColor(Color.parseColor("#FFFFFF"));
作为灵魂画⼿，我当时就画了⼀幅图。
然后点击全屏横向显⽰怎么个做法呢，很简单，这个并不是⾮要在当前的 Activity 中横向显⽰这个图表，重新开⼀个 Activity 就是了，并在 onCreate 的时候去掉 ActionBar 就⾏了。
@Override
protected void onCreate(Bundle savedInstanceState) {
getSupportActionBar().hide();
setContentView(R.layout.activity_full_altitude_chart);
}
//yahch
那怎么横向呢，在 l 设置这个 Activity 的 screenOrientation 参数为 landscape，强制设置横向屏幕即可。
OK，安装上的折线图表就搞完了，有⽊有很简单。
总结
以上就是这篇⽂章的全部内容了，希望本⽂的内容对⼤家的学习或者⼯作具有⼀定的参考学习价值，如果有疑问⼤家可以留⾔交流，谢谢⼤家对的⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。