• <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

      細心不雅察左側的設置裝備擺設項,你會發現,series規模內的data數據中,并沒有供給百分比的值

    4. 4

      那么,提醒信息中的百分比是若何呈現的呢?這個時辰就需要存眷option設置裝備擺設項中的tooltip規模中的formatter信息,從這里可以看到,這個處所將提醒信息格局化顯示了,這里帶上了百分號

    5. 5

      若是要格局化扇區文字,是不是也可以參考tooltip中的格局化方式呢?在series的data前面添加如下的信息,formatter后面的內容完全利用tooltip中的formatter內容:

           label: { normal: { show: true, formatter: "{a} <br/>{b} : {c} ({d}%)" } }

    6. 6

      此時,不雅察右側的圖形,可以看到扇區的百分比已經有了,只不外換行符沒有正常顯示

    7. 7

      點竄第五步中的換行符就可以正常顯示了,并且,想要自界說內容,都可以在formatter中填寫

    • 發表于 2019-03-26 22:59
    • 閱讀 ( 3028 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

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