Как добавить цвет под однострочный график с помощью Morris.js

Question

В настоящее время я использую Morris.js для рисования графиков для приложения для Android. Я передаю данные, содержащие точки для одной отдельной строки. Пожертвования и даты. Я пытаюсь добавить цвет в нижнюю часть линейного графика, но не могу понять, как это сделать.

Это стиль, который я пытаюсь повторить.

Но в одной строке.

Я отредактировал код Morris.js, а также передал как можно больше различных вариантов Morris.Line, но безрезультатно. В настоящее время это код, который я использую для настройки графика. Я думал, что опция fillOpacity будет работать, но это не так. Есть ли вариант, который мне не хватает? Или есть дублированный ответ на этот вопрос?

var xKey = "day" 
    var yKey = 'funds' 
    var jsonData 

    var graph = Morris.Line({ 
      element: 'graph', 
      data: jsonData, 
      xkey: xKey, 
      ykeys: [yKey], 
      labels: ['funds gathered'], 
      smooth: true, 
      resize: true, 
      parseTime: true, 
      grid: false, 
      fillOpacity: true 
     }); 

    function setGraph(data) { 
     graph.setData(data); 
    } 

Answer 1

ИТАК проблема в том, что в приведенном выше примере я пытаюсь создать экземпляр Morris.Line, где на самом деле то, что я хочу это Morris.Area.

<script> 
    var xKey = "day" 
    var yKey = 'funds' 
    var jsonData 

    var graph = Morris.Area({ 
      element: 'graph', 
      data: jsonData, 
      xkey: xKey, 
      ykeys: [yKey], 
      labels: ['funds gathered'], 
      smooth: true, 
      resize: true, 
      parseTime: true, 
      grid: false 
     }); 

    function setGraph(data) { 
     graph.setData(data); 
    } 
</script>