• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    echarts餅圖如何設置文字顯示在圖內還是圖外

    echarts餅圖在顯示的時辰,每個扇區顯示的文字,若何顯示在扇區內部,別的一些環境,若何將其顯示在圖形外部,并在每個扇區伸出一根指示線呢?

    東西/原料

    • echarts

    方式/步調

    1. 1

      打開瀏覽器,進入echarts官網的實例界面,點擊左側的餅圖菜單,再點擊【Referer of a website】餅圖

    2. 2

      進入這個實例圖形后,就可以看到默認的餅圖扇區文字是在外面的,而且有一根指示線

    3. 3

      若是想把這些文字放到各個扇區內部去,該怎么做呢?起首,需要點竄左側option的series內容,在data后面或者前面添加:

          label: { normal: { show: true, position: 'inner' }

    4. 4

      點竄完當作后,右側的圖形就會主動刷新,若是沒有主動刷新,就點擊左側右上角的運行。這個時辰,右側圖形就可以看到各個扇區的文字就到了內部去了

    5. 5

      若何把第3步添加的show屬性值點竄為false,會是怎么樣的呢? 

           label: { normal: { show: false, position: 'inner' }

    6. 6

      點竄完當作后,右側就可以看到餅圖各個扇區都沒有文字顯示了

    7. 7

      所以,要顯示扇區文字,必需要show屬性設置為true,這個默認就是true值,只有當某些環境被設置為false之后,才需要點竄。別的,默認文字是顯示在扇區外部的,想要顯示在內部,就點竄position的值為inner即可。最后,若是position是肆意值,好比123,并不會報錯,也會當做默認顯示

    • 發表于 2019-03-28 22:01
    • 閱讀 ( 3904 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆