javascript - echarts의 원형 차트 위치 오프셋
ringa_lee
ringa_lee 2017-06-29 10:09:58
0
1
1344

공식 예제 코드를 따라가세요

으아악

하지만 원형 차트의 위치는 항상 상위 컨테이너의 중앙에 있지 않습니다

두 번째 레이어(echarts 자체에서 생성된 것이 비뚤어지기 시작했습니다)
이것이 결과입니다. 많이 비뚤어져있어요

질문자는 유형이 파이인 경우에만 발생하고 막대 차트 등에서는 발생하지 않는다는 것을 발견했습니다. 설정에 문제가 있는 걸까요? 여기에 두 개의 코드를 추가하여 중앙에 배치했습니다. 으아악

ringa_lee
ringa_lee

ringa_lee

모든 응답(1)
黄舟

사진에 CSS 스타일을 작성할 때 길이를 정의하는 것 외에도 다음과 같이 여백도 정의해야 합니다. #myPie的黄色区域,看起来是margin对应部分。
margin的部分,是不算在内容区里的,所以父元素的内容区就是左边那一片区域,不包括黄色的部分。
所以建议,在给#myPie 으아악

추가하지 않은 예

(기본 왼쪽 레이아웃)margin: 0 auto;

예제 추가(좌우 여백auto이므로 자동으로 계산되어 거리가 균등하게 나누어지므로)margin: 0 auto;示例(因为左右的marginauto

또한, 스케일링으로 인한 것일 수도 있으며, 스케일링에 따라 이미지 크기는 변경되지 않습니다. 다음 코드를 추가하세요

으아악

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿