如何在amchart中顯示特定圖例的值？

Question

我已經構建了一個圖表，其中我正在顯示圖例。最初，我們總結了這個值並在圖例中顯示。但我需要爲特定的圖例顯示'N/A'。如果我將鼠標懸停在圖表上，我們應該顯示該值。下面我附上了我所做的代碼。

'legend': { 
      'markerType': 'circle', 
      'periodValueText': 'total: [[value.sum]]', 
      'labelText': '[[title]] :', 
      'valueText': '[[value]]', 
      'valueWidth': 80, 
      'valueFunction': function(legendData, valueText) { 
         var id = (typeof legendData.id !== 'undefined') ? legendData.id : legendData.graph.id; 

         if (id === 'D1' || id === 'D2') { 

          return valueText === '0' ? 'N/A' : valueText ; 
         } 

         return valueText; 
        } 
       }, 

我使用了一個valuefunction顯示N/A值是否0.But最初我應該顯示N/A用於ID D1和D2。

Answer 1

您應該使用legendData屬性中的values屬性將邏輯基於何時在懸停時顯示N/A或當您將鼠標移出圖表時何時顯示N/A。這將檢測顯示哪些值更易於管理。

以下是如何爲默認「N/A」爲D1和D2對小鼠，並且當沒有鼠標光標存在於初始負載：

legend: { 
    // ... 
    valueFunction: function(legendData, valueText) { 
     //values is available on mouseover 
     if (legendData.values) { 
     var id = legendData.graph.id; 

     if (id === "D1" || id === "D2") { 
      return valueText === "0" ? "N/A" : valueText; 
     } 
     } 
     //initial value when no mouse cursor is present or on mouseout 
     else if (legendData.id === "D1" || legendData.id === "D2") { 
     return "N/A"; 
     } 

     return valueText; 
    } 
    }, 

Demo