從Y軸Morris折線圖中刪除點

我已經使用下面的代碼實現了Morris Line Chart，這很好。從Y軸Morris折線圖中刪除點

但我需要在目標的第二行名稱中進行一些修改。你每個月都看到點。我想從這條線上刪除這些點，這樣我就會成爲一條直線。

Morris.Line({ 
    element: 'line-chart', 
    data: JSON.parse(GraphData), 
    xkey: 'title', 
    ykeys: ['goal', 'actual'], 
    labels: ['Goal', 'Actual'], 
    xLabelFormat: function(x) { // <--- x.getMonth() returns valid index 
    var month = months[x.getMonth()]; 
    return month; 
    }, 
    dateFormat: function(x) { 
    var month = months[new Date(x).getMonth()]; 
    return month; 
    }, 
    resize: true, 
     lineColors: ['#ecb201', '#1B17BB'], 
     gridTextFamily: "'Nunito', sans-serif", 
     gridTextWeight: '300', 
     gridTextSize: 11, 
     gridTextColor: '#090b0d', 
     pointSize: 4, 
     lineWidth: 2, 
     pointStrokeColors: ['#ffffff', '#ffffff'], 
});

來源

2017-01-09 Umair Khan

我不認爲這樣的參數是可以滿足您的要求，我想你可以使用CSS技巧 –

哪些CSS技巧可以請你解釋?? –

我在努力，,,,等一會兒，如果我會成功，一定會更新你 –

嘗試改變的pointsize 0設置的pointsize：0在開始時

Morris.Line({ 
    element: 'line-chart', 
    pointSize: 0, .... 
)}

來源

2017-01-09 10:59:29 MaoStream

感謝您的答案，你可以看到我只想第二行沒有點。但點將出現在第一行 –

因此，您需要指定您的系列數據併爲每個系列設置屬性pointSize。 – MaoStream

使用這個腳本您呈現圖表後。

$(document).ready(function(){ 
     $('circle[fill="#ecb201"]').each(function(i,el) { 
      //console.log($(this).attr("r" , 0)); 
      $(this).removeAttr("r"); 
      $(this).removeAttr("cy"); 
      $(this).removeAttr("cx"); 

     }); 
    });

但在懸停時它會再次顯示這些點。那只是問題。

來源

2017-01-09 11:07:15

我只想要第二行是直的而不是兩者。感謝您的回答 –

這看起來不錯，但懸停點再次發生。如果你會幫助我在這我將非常感謝你 –

多數民衆贊成在欣賞Sir 我也試圖得到懸停的風格 –

從Y軸Morris折線圖中刪除點

回答

相關問題