<acronym id="p33pj"><strong id="p33pj"></strong></acronym>
  • <p id="p33pj"><strong id="p33pj"></strong></p>
    <track id="p33pj"></track><td id="p33pj"></td>
    <p id="p33pj"></p>
  • <pre id="p33pj"><ruby id="p33pj"></ruby></pre>

      1. <p id="p33pj"></p>
        axure商城

        AXURE繪制餅狀圖教程

        在產品設計過程中,會做一些圖表分析的功能,這時候會經常使用餅狀圖,今天我來教下餅狀圖的繪制方式~

        1、從元件庫中拖入一個圓形,設置圓形大小“160*160”,選中圓形后,右鍵單擊

        2、單擊【選擇形狀】后,在形狀庫中選擇“扇形”

         

        3、拖動黃色小圓點,將扇形夾角度數設置小一點

        4、接下去復制1個扇形,圓心與第一個對準,拖動第二個扇形的小圓點

         

        5、在這邊我們確認一下餅狀圖需要表示幾個指標,即要分為幾塊;然后復制對應的扇形,例五塊。則復制5個扇形,根據需要調整各個扇形的夾角度數(拖動小圓點即可),最后在概要里面可以看到5個餅形

        6、最后設置每個餅形的顏色即可:由于餅狀圖的大小都是一個圓形,尺寸一樣,直接單擊形狀時只能選擇最上層的形狀,這個時候我們可以在【概要】中選擇形狀,在右側【樣式】-【填充】中調整顏色

         

        7、設置好五個餅形的顏色后,基礎的餅狀圖就繪制好啦~

        8、如果需要設置查看指標數值的效果,可以接下去看哦~

        9、拖入一個矩形框,在【樣式】中設置矩形框名稱為“數值”,然后設置填充色和半徑等(根據需要設置)

        10、在右側【樣式】,點擊隱藏icon,隱藏矩形框

        11、設置鼠標移入效果-顯示/隱藏-默認顯示—選擇矩形框(數值)

        5、最后預覽效果

        https://www.wulihub.com.cn/go/qGg1K2/index.html

        源文件下載? 密碼: 8d4l

        給TA打賞
        共{{data.count}}人
        人已打賞
        高級教程

        Axure屏蔽瀏覽器默認右鍵菜單的方法

        2021-8-3 17:57:50

        高級教程

        如何利用中繼器和動態面板制作一個可以自動化菜單?

        2021-10-25 21:29:56

        axure商城
        5 條回復 A文章作者 M管理員
        1. wowlingx

          可以在交互查看數值方面,新增移出鼠標動作,將數值隱藏,保真度更高一點。

        2. clover129684

          直接用動態圖表不香么

        3. 114274

          應該漏了一部,生成扇形后,并且圓心合并成餅狀圖之后,分別選擇扇形右鍵-變換形狀-合并。這樣選中框就會緊貼扇形,這樣我們鼠標才會移入到其他扇形的范圍。

        4. 114274

          你后面的交互有瑕疵,這樣生成的扇形的選中區域還是一個矩形,圓心都是一個點,就相當于幾個矩形重疊在一起了,移入鼠標的時候只能和最外層的扇形交互

          • 小笨雞

            如何修改呢?大佬

        ?
        個人中心
        購物車
        優惠劵
        今日簽到
        有新私信 私信列表
        搜索
        国产亚洲日韩在线a不卡
        <acronym id="p33pj"><strong id="p33pj"></strong></acronym>
      2. <p id="p33pj"><strong id="p33pj"></strong></p>
        <track id="p33pj"></track><td id="p33pj"></td>
        <p id="p33pj"></p>
      3. <pre id="p33pj"><ruby id="p33pj"></ruby></pre>

          1. <p id="p33pj"></p>