MPAndroidChart 设置散点图不同值点的颜色

原创

mob64ca12db3721 2024-10-17 13:12:29 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12db3721的原创作品，请联系作者获取转载授权，否则将追究法律责任

MPAndroidChart 设置散点图不同值点的颜色

在今天的开发中，数据可视化是一个不可或缺的部分。MPAndroidChart 是一个非常流行的 Android 图表库，可以方便地创建各种类型的图表。本文将教你如何在 MPAndroidChart 中设置散点图不同值点的颜色。

整体流程

以下是实现这一功能的整体步骤：

步骤	描述
1	添加 MPAndroidChart 库到项目中
2	创建 XML 布局文件
3	在 Activity 中设置散点图的数据
4	设置不同值点的颜色

1. 添加 MPAndroidChart 库到项目中

首先，你需要在你的 Gradle 文件中添加 MPAndroidChart 库。打开你的 build.gradle 文件并添加以下依赖：

dependencies {
    implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0'
}

此依赖会将 MPAndroidChart 库添加到你的项目中。

2. 创建 XML 布局文件

接下来，创建一个布局文件，里面包含一个 ScatterChart，例子如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.github.mikephil.charting.charts.ScatterChart
        android:id="@+id/scatterChart"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>

此布局文件使用 ScatterChart 控件显示散点图。

3. 在 Activity 中设置散点图的数据

在你的 Activity 中，获取 ScatterChart 的引用并创建数据集，设置不同的值。以下是代码示例：

import android.graphics.Color;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import com.github.mikephil.charting.charts.ScatterChart;
import com.github.mikephil.charting.data.Entry;
import com.github.mikephil.charting.data.ScatterData;
import com.github.mikephil.charting.data.ScatterDataSet;
import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private ScatterChart scatterChart;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        scatterChart = findViewById(R.id.scatterChart);

        // 创建数据集
        ArrayList<Entry> entries = new ArrayList<>();
        entries.add(new Entry(1, 2)); // 点1: (1,2)
        entries.add(new Entry(2, 4)); // 点2: (2,4)
        entries.add(new Entry(3, 1)); // 点3: (3,1)
        entries.add(new Entry(4, 3)); // 点4: (4,3)

        // 设置散点图中的数据点颜色
        ScatterDataSet scatterDataSet = new ScatterDataSet(entries, "Scatter Data");
        scatterDataSet.setColors(new int[]{Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW});

        // 创建 ScatterData
        ScatterData scatterData = new ScatterData(scatterDataSet);

        // 设置数据到 ScatterChart
        scatterChart.setData(scatterData);
        scatterChart.invalidate(); // 刷新图表
    }
}

这段代码的工作流程如下：

使用 ArrayList<Entry> 来保存多个数据点。
使用 ScatterDataSet 来创建数据集，利用 setColors 方法设置不同颜色。
在 scatterChart 上设置数据并调用 invalidate() 刷新图表。

4. 设置不同值点的颜色

为了使不同的点具有不同的颜色，你可以根据某些条件来设置颜色。例如，如果 y 值大于某个数就显示为绿色，反之显示为红色。

ArrayList<Entry> entries = new ArrayList<>();
entries.add(new Entry(1, 2));
entries.add(new Entry(2, 5));
entries.add(new Entry(3, 1));
entries.add(new Entry(4, 3));

ArrayList<Integer> colors = new ArrayList<>();

for (Entry entry : entries) {
    if (entry.getY() > 3) {
        colors.add(Color.GREEN); // y 值大于 3 的点为绿色
    } else {
        colors.add(Color.RED); // 其余点为红色
    }
}

ScatterDataSet scatterDataSet = new ScatterDataSet(entries, "Scatter Data");
scatterDataSet.setColors(colors); // 使用动态设置的颜色列表

这段代码通过遍历每个数据点，根据 y 值判断颜色并设置到 ScatterDataSet 中。