當通過進球時莫里斯圖改變顏色

Question

在我的莫里斯圖中，我希望當他們通過球門線時，線條的顏色從藍色變爲紅色。

我不知道如何開始這樣做。這裏是我的圖表的代碼：

var chart = Morris.Line({ 
      element: element1 , 
      data: json, 
      hideHover: 'auto', 
      xkey: 'data_inicio', 
      goals: [25,50], 
      ykeys: colunas, 
      pointSize:0, 
      lineColors:['#000080','#228b22','#228b22','#ff7f50','#ff7f50'], 
      labels: designacao_colunas, 
      ymax: biggest, 
      ymin : lowest, 
      smooth: false 
     }); 

Answer 1

我不知道莫里斯圖什麼，但你可能要考慮在其它的圖表工具使用的技術：突破每行分成兩行。使用目標值將每條線分成兩條線，一條從目標下方到達目標，另一條從目標到目標上方。然後，您可以在球門線下方和上方使用不同的顏色。

在傳統的製圖工具，如Excel它應該是這樣的：