echartsパイ、別々に示されており、指示線は、ディスプレイの全てに配置され

CONSTオプション= { 
      タイトル:{ 
        テキスト:canvasStyles.name、
        X '中央'、
        Y '中央'、
        TEXTSTYLE:{ 
          色: '#FFF' 
          のfontSize:12 
        } 
      }、
      ツールチップ:{ 
        ショー:偽
        //トリガ: 'アイテム'、
        //フォーマッタ:機能(E){ 
        // VARのRESが= 'の<div> $ {e.data.name} $ {e.data.value} </ div> `。
        //は、解像度を返します。
        //} 
        //位置:機能(POS、paramsは、DOM、RECT、サイズ){ 
        // VARデータ= params.data。
        //するvar SHTML = `<divのスタイル="背景:オレンジ> 555 </ DIV> `;
        //にconsole.log(DOM)。
        //にconsole.log(POS);
        //にconsole.log(のparams); 
        //にconsole.log(DOM)。
        //にconsole.log(RECT)。
        //にconsole.log(サイズ); 
        //はSHTMLを返します。
        //} 
        // extraCssText: '背景:オレンジ;変換:回転(40deg)' 
      }、
      グリッド:{ 
        トップ:'15%」
      }、
      凡例:{ 
        東洋:canvasStyles.legendOrient || '垂直'、
        // X:canvasStyles.legendX、
        Y:canvasStyles.legendY、
        右:canvasStyles.right || 0、
        データ:canvasStyles.legend、
        itemWidth:15、
        itemHeight:10、
        itemGap:5、
        フォーマッタ:機能(名){ 
          > 5 name.lengthを返しますか?name.substr(0、5)+ '...':名; 
        }、
        TEXTSTYLE:{ 
          色: '#FFF' 
          のfontSize:10 
        } 
      }、
      色:canvasStyles.color、
      シリーズ:[ 
        { 
          名: '房屋状态'、
          タイプ: 'パイ'、
          半径:['40% '' 48% ']、
          中心:'50%'、'50% ']、
          minAngle:12、
          avoidLabelOverlap:偽、
          ラベル:{ 
            正常:{ 
              ショー:偽、 
              フォーマッタ:' {C | {C}({D | {D} %})\ N {時間|} \ N {| {A}}」、
                色: '黄色'、
                幅:2 
              }、
              リッチ:{ 
                :{ 
                  パディング:4 
                }、
                B:{ 
                  たfontSize:12、
                  整列: '左'、
                  パディング:82、
                  マージン:80、
                  lineHeight:80 
                }、
                時間: { 
                  BORDERCOLOR: '#1 4681ec'、 
                  幅:「100% 」、
                  borderWidth:2、
                  高さ:0
                }、
                D:{ 
                  たfontSize:12、
                  整列: '左'、
                  パディング:4
                }、
                C:{ 
                  たfontSize:12、
                  整列: '左' 
                } 
              } 
            }、
            重点:{ 
              位置: '左'、
              ショー:真、
              TEXTSTYLE:{ 
                たfontSize: '14'、
                たfontWeight: '太字' 
              }、
              長さ1 
            } 
          //ショー:偽、
          //位置: '中央'、 
          }、
          // avoidLabelOverlap:偽、
          //ラベル:{ 
          //通常:{ 
          //フォーマッタ:canvasStyles.tipNameType == '' || !canvasStyles.tipNameType?{B} \ N {C} ' '' + canvasStyles.tipNameType +' \ nは{B} \ N {C} 
          //} 
          //重点:{ 
          //表示:真、
          // TEXTSTYLE:{ 
          //のfontSize: '14'、
          //たfontWeight: '太字' 
          //} 
          //} 
          //} 
          // labelLine:{ 
          //正常:{ 
          //表示:偽
          //} 
          //}、
          データ。
        } 
      ] 
    }。

  

  要約:

 

図1に示すように、すべての時間だけとき偽を表示するためのラインを示す表示されている事実である一連の通常の表示ラベル

カスタマイズ表示ラインとすることができる地面とリッチスタイル、{C | {C}} \ N {時間| |} \ N {{D}%のD} ':2.formatter

3

minAngle:12、最小面積上//設定範囲
avoidLabelOverlap:偽、時間が偽のテキストが重なる可能ですが、偽の時のために、通常以上のショー
 行を防ぐことができますが長すぎます
 

おすすめ

転載: www.cnblogs.com/lsc-boke/p/11114556.html