Android - 在折線圖下方填充顏色

Question

我正在爲我們的一個應用程序構建折線圖。圖表中的線條部分工作正常，但現在我必須用顏色填充線條下方的區域，如下圖所示。

我使用這個代碼繪製到使用畫布位圖線。

List<Float> xCoordinates = (List<Float>) coordinates[0]; 
    List<Float> yCoordinates = (List<Float>) coordinates[1]; 

    for (int i = 0; i < xCoordinates.size(); i++) { 
     if (!firstSet) { 
      x = xCoordinates.get(i); 
      y = yCoordinates.get(i); 
      p.moveTo(x, y); 
      firstSet = true; 
     } else { 
      x = xCoordinates.get(i); 
      y = yCoordinates.get(i); 
      p.lineTo(x, y); 
     } 
    } 

    textureCanvas.drawPath(p, pG); 

我需要知道的是什麼，是有辦法輕鬆地找到行下面的區域，使其顏色或我將有3點之間，計算每個區域的圖形，並用填充顏色？

我不能使用現有的圖表庫等AchartEngine，ChartDroid，aFreeChart等。

Answer 1

實測值的溶液

予先塗上梯度，之後我繪線圖和通過創建隨後的線圖，並在結束時關閉它的另一路徑擦除所有沿線。之後，我將該區域繪製爲透明區域，以消除漸變的頂部。

List<Float> xCoordinates = coordinates.first; 
    List<Float> yCoordinates = coordinates.second; 
    for (int i = 0; i < xCoordinates.size(); i++) { 
     if (!firstSet) { 
      x = xCoordinates.get(i); 
      y = yCoordinates.get(i); 
      linePath.moveTo(x, y); 

      erasePath.moveTo(x, 0); 
      erasePath.lineTo(x, y); 

      firstSet = true; 
     } else { 
      x = xCoordinates.get(i); 
      y = yCoordinates.get(i); 
      linePath.lineTo(x, y); 
      erasePath.lineTo(x, y); 
     } 
    } 

    erasePath.lineTo(getWidth(), y); 
    erasePath.lineTo(getWidth(), 0); 
    erasePath.lineTo(0, 0); 

    getTextureCanvas().drawPath(erasePath, clear); 
    getTextureCanvas().drawPath(linePath, pG); 

結果看起來像這樣

另一種方式做，這是爲了嚴格遵循道路和周圍的底部邊緣剪輯和只是畫第二路內的梯度。這會得到相同的結果，但圖表上方的所有內容都將保留，不會有任何內容被刪除。