Highchartsデータの比較に基づく動的な列の色

Question

ここでは、私がやろうとしていることのスニペットを示します。グラフには2つの値があります。比較に基づいて列の色を変更します。基本的に、値がターゲットよりも大きい場合は緑、それ以外の場合は青です。しかし、目標値は列ごとに異なります。

column: { 
       zones: [{ 
        value: data[1] >= data[2], 
        color: 'green' 
       }, { 
        color: 'blue' 
       }] 
      } 

Answer 1

ゾーンはデータ配列なので、計算は手続き的に行われません。配列の外側にあるものを計算する必要があります。たとえば、計算を実行する関数を作成してそれを呼び出して色を返す必要があります。

column: { 
      zones: [{ 
       color: getComputedColor(data) 
      }, { 
       color: 'blue' 
      }] 
     } 
.... 

function getComputedColor(data) 
{ if (data[1] >= data[2]) 
     return "green"; 
    return "blue"; 
}