第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

echarts中pie圖位置偏移

echarts中pie圖位置偏移

九州編程 2018-11-28 14:13:31
按照官方實例碼代碼this.picChart = echarts.init(document.getElementById('myPie'));        var pic_option = {            color: ['#404040'],            center: ['50%', '50%'],            legendHoverLink: false,            series: [                {                    type: 'pie',                    radius: ['100%', '80%'],                    avoidLabelOverlap: false,                    data: [                        {value: 0, name: ''},                        {value: 1, name: ''}                    ]                }            ]        };              this.picChart.setOption(pic_option);但pie圖位置總是不在父容器中心第二層(echarts自己生成的 已經(jīng)開始歪了)這是結果 很歪了題主發(fā)現(xiàn)只有類型是pie的會這樣 柱狀圖之類的不會 是哪里沒設置好么 我這里自己加了兩段代碼才讓其居中     $('#myPie').children().css('width', '100%');        $('#myPie').children().css('height', '100%');        $('#myPie').children().children().css('height', '100%');        $('#myPie').children().children().css('width', '100%');                        
查看完整描述

1 回答

?
拉風的咖菲貓

TA貢獻1995條經(jīng)驗 獲得超2個贊

你圖中#myPie的黃色區(qū)域,看起來是margin對應部分。
margin的部分,是不算在內容區(qū)里的,所以父元素的內容區(qū)就是左邊那一片區(qū)域,不包括黃色的部分。
所以建議,在給#myPie寫CSS樣式的時候,除了定義長款也要定義邊距,如下:

#myPie {

    width: 406px;

    height: 406px;

    margin: 0 auto;

}

不加margin: 0 auto;示例(默認靠左布局)
https://img1.sycdn.imooc.com//5c25c5d90001f54009980398.jpg

加上margin: 0 auto;示例(因為左右的marginauto所以自動計算,間距平分)
https://img1.sycdn.imooc.com//5c25c5e4000143f410000402.jpg

另外,也有可能是因為縮放的關系,圖片大小不會根據(jù)縮放改變,加上以下代碼即可

window.onresize = this.pieChart.resize;


查看完整回答
反對 回復 2018-12-28
  • 1 回答
  • 0 關注
  • 3023 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號