MPAndroidChart 渐变线取决于数据集值

Question

我目前正在使用MPAndroidChart 开展一个项目，我想制作一个 LineChart 来表示每小时的数据。我需要此图表根据 yAxis 上的值具有渐变线。

例如。在上图中，我希望线条在 yAxis 值大于 50 时改变颜色。 我没有找到任何解决我的问题的方法，所以欢迎任何建议或示例

Answer 1

我最近不得不面对完全相同的问题，解决方案是定义一个线性渐变并将其应用为着色器，如下所示：

（警告：您会注意到代码看起来很有趣，那是因为它是 xamarin 代码（即：C#，不是 java 或 kotlin），但您可以轻松翻译它，主要是您必须为 camelCase 更改 PascalCase，并将一些属性更改为 setter 和 getter，反之亦然，只需使用 IDE 的智能感知）

[set your line chart, add the dataset, etc]
...
var gradient = new LinearGradient(0f, 0f, 0f, 100f, 
               [your first color], [your second color], 
               Shader.TileMode.Clamp);
var paint = vh.Chart.Renderer.PaintRender;
paint.SetShader(gradient);
...
[set axis, labels, grid, etc]
...
lineChart.Invalidate(); //this is to refresh the chart on the screen, you may need it or not depending on your code

在上面的代码中，您只需添加颜色，并且您可能希望通过在创建线性渐变时更改 4 个第一个浮点数来更改渐变方向（我在这里使用垂直渐变）。例如，一个典型的更改是设置 y0 = 0 和 y1 = 图表的高度。您必须根据您的布局使用这些值。

这段代码的结果是这样的：

当然，我用重复的样本数据集来展示它，这就是为什么你会看到两张卡在同一行。

更新： 我了解您想要实现的目标，并且使用上面的代码您可以做到。当然，您需要进行一些计算，但您可以设置“触发器”，使颜色在您想要的任何 Y 坐标处开始变化。

例如，在第一张图片中，我使用了坐标 0,0,0,100 （请记住，我向您展示了 dp 中的最后一个值，但在实际代码中，我将根据设备的分辨率将其转换为等效的像素。它大约是我图表的高度）

在下图中，我已将其更改为 0,0,0,50：

如您所见，您只需更改 4 个值即可完全控制渐变的显示方式。 （或者，就我而言，只是其中之一） （您可能注意到我已经按照我的设计更改了颜色，它与阈值无关）

Answer 2

假设您正在使用 for 循环来填充数据。在列表中，您需要为每个值填充颜色列表，然后使用lineDataSet.setColors(listOfColors)。

List<Integer> listOfColors = new List<>();
for(i= 0; i<dataEntries.size(); i++){
    //Logic for colors
    if(i<= dataEntries.size()-1){ //Otherwise app will crash on last index
        if(dataEntries.get(i+1).y > 50)
            listOfColors.add(Color.GREEN);
        else
            listOfColors.add(Color.RED);
}

然后在最后

lineDataSet.setColors(listOfColors)

希望对你有所帮助。