2016-07-22 5 views
1

私はbaiduによるechartsライブラリを使用して散布図を実装しています。私はthisの例を参照しています。私は自分の要求に応じてプロパティを変更しました。私はこのような "シリーズの中でシンボルサイズを言及することにより、気泡の大きさが増加している:私は、気泡内部のカスタマイズされたラベルが含まれるように、これを行っているechartsで散布図のラベルをbaiduで追加するフォーマッタ関数

series : [ 
       {  
        symbolSize : 20, 
        type :'scatter', 
        data : [ some coordinate values ], 
        . 
        . //rest of the properties 
        . 

        }, 
       ] 

。このために、私は次のように "シリーズの中で「itemStyle」を変更しました:

itemStyle: { 
        normal: { 
          color:'blue', 
          label:{ 
          textStyle:{ 
             fontWeight:'bold', 
             fontSize:15 
             }, 
          show:true, 
          position: 'inside', 
          formatter: function(value) 
          { 
           if (value=='[10][20]') 
           return 'some label' 
           else 
           return 'NA' 
          } 
         } 
       } 
      }, 

をすべてのバブルは今「NA」それらの内側に書かれています。だから、私はそれを正しくやっていないことを実感します。私は '値'がフォーマッタ関数に何を含んでいるのか知りたい。データの座標と等価をチェックできますか?助けてください。

これは、ポイントは今のように見える方法です: Scatterplot

PS:シリーズのラベルのフォーマッタ関数の値の要素が常に未定義である

答えて

0

は、上記の問題を解決する方法を見つけました。ラベルの フォーマッタ機能は、次のパラメータがあります。

a (series name), b (data name), c (value array), d(null) 

ので、例えば、私はそうで、その後を「ノード1」、「ノード2」、「ノード3」であるとする気泡の名前が必要な場合はI私のシリーズの名前を 'Node'とし、xAxisとyAxisの値だけではなく、値の配列に3番目のパラメータを数字のシーケンスとして追加します。次のように今、私はフォーマッタ関数を呼び出すとき、私はそれを持つことができます

data: [[10, 80, 1], [20, 70, 2], [50, 70, 3] ..and so on], 

:これは、データとして表示されることがあります意味

formatter: function(a,b,c) 
          { 
           return a+c[2] 
          } 

=シリーズ名、B =データ名とC =値の配列。バブルの中のラベルをカスタマイズする必要性に応じて、これら3つを変更します。私の出力は次のようになります:

Scatter or bubble graph