导入依赖
在Android项目的gradle文件中导入依赖,代码如下
repositories {
maven {
url 'https://jitpack.io' }
}
dependencies {
implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0'
}
柱形图BarChart
柱形图布局文件
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/fragment_device_statistic"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/new_broad_list_bg"
android:clickable="true">
<LinearLayout
android:layout_width="@dimen/dp_0"
android:layout_height="@dimen/dp_0"
android:orientation="vertical"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<TextView
android:id="@+id/tv_bar_chart_tip"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="按设备状态统计设备"
android:gravity="center"
android:textColor="@color/c_ffffff"
android:textSize="@dimen/dp_12"/>
<com.github.mikephil.charting.charts.BarChart
android:id="@+id/v_bar_chart"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1" />
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="0.03">
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.03"/>
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.36" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.69" />
<View
android:id="@+id/cv_4g_online"
android:layout_width="@dimen/dp_15"
android:layout_height="@dimen/dp_15"
android:background="@color/c_4GOnLine"
app:layout_constraintLeft_toLeftOf="@id/guideline1"
app:layout_constraintTop_toTopOf="parent" />
<View
android:id="@+id/cv_4g_offline"
android:layout_width="@dimen/dp_15"
android:layout_height="@dimen/dp_15"
android:layout_marginTop="@dimen/dp_10"
android:background="@color/c_4GOffLine"
android:gravity="center"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="@id/guideline1"
app:layout_constraintTop_toBottomOf="@id/cv_4g_online" />
<View
android:id="@+id/cv_ip_online"
android:layout_width="@dimen/dp_15"
android:layout_height="@dimen/dp_15"
android:background="@color/c_IPOnLine"
app:layout_constraintLeft_toRightOf="@id/guideline5"
app:layout_constraintTop_toTopOf="parent" />
<View
android:id="@+id/cv_ip_offline"
android:layout_width="@dimen/dp_15"
android:layout_height="@dimen/dp_15"
android:layout_marginTop="@dimen/dp_10"
android:background="@color/c_IPOffLine"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toRightOf="@id/guideline5"
app:layout_constraintTop_toBottomOf="@id/cv_ip_online" />
<View
android:id="@+id/cv_sub_online"
android:layout_width="@dimen/dp_15"
android:layout_height="@dimen/dp_15"
android:background="@color/c_subOnLine"
app:layout_constraintLeft_toRightOf="@id/guideline7"
app:layout_constraintTop_toTopOf="parent" />
<View
android:id="@+id/cv_sub_offline"
android:layout_width="@dimen/dp_15"
android:layout_height="@dimen/dp_15"
android:layout_marginTop="@dimen/dp_10"
android:background="@color/c_subOffLine"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toRightOf="@id/guideline7"
app:layout_constraintTop_toBottomOf="@id/cv_sub_online" />
<TextView
android:id="@+id/tv_4g_online"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/dp_8"
android:text="Text"
android:textColor="@color/c_ffffff"
android:textSize="@dimen/dp_12"
app:layout_constraintBottom_toBottomOf="@id/cv_4g_online"
app:layout_constraintLeft_toRightOf="@id/cv_4g_online"
app:layout_constraintTop_toTopOf="@id/cv_4g_online" />
<TextView
android:id="@+id/tv_4g_offline"
android:layout_width="wrap_content"