Android MPAndroidChart折线图渐变填充实现

悠悠 2023-10-12 17:10 7阅读 0赞

效果如下：

![83919271115b436ba065ec5dcb8bd88d.png][]

![557ca20470b848838464daba08c52992.png][]

> 以下是一个从上到下渐变的drawable，上面是蓝色，逐步向下变成白色：

#### chart\_bg.xml ####

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
           android:shape="rectangle">
        <gradient
                android:startColor="#FFFFFF"
                android:endColor="#007FFF"
                android:angle="90"/>
    </shape>

这个drawable使用了`shape`标签表示它是一个形状，然后增加了一个`gradient`标签表示渐变颜色。`startColor`属性设置起始颜色为白色（\#FFFFFF），`endColor`属性设置结束颜色为蓝色（\#007FFF），`angle`属性设置渐变方向为垂直，即从上到下（90度）。

你可以将这段代码放到drawable文件夹下的XML文件中，例如`gradient_drawable.xml`，然后在布局文件中通过以下方式引用该drawable：

#### 在MPAndroidChart 折线图中使用则是： ####

LineDataSet lineDataSet = new LineDataSet(lineEntries,"标题一");
    
            //绘制平面填充区域
            lineDataSet.setDrawFilled(true);
    
            if (Utils.getSDKInt() >= 18) {
                //仅在api级别18及以上版本上支持drawinables，渐变色drawable
                Drawable drawable = ContextCompat.getDrawable(this, R.drawable.chart_bg);
                lineDataSet.setFillDrawable(drawable);
            } else {
                //纯色
                lineDataSet.setFillColor(Color.parseColor("#35E5FF"));
            }

[83919271115b436ba065ec5dcb8bd88d.png]: https://img-blog.csdnimg.cn/83919271115b436ba065ec5dcb8bd88d.png
[557ca20470b848838464daba08c52992.png]: https://img-blog.csdnimg.cn/557ca20470b848838464daba08c52992.png