범례와 차트 사이의 거리 설정 방법
제목이 차트에서 더 멀리 떨어져 있습니다. 매뉴얼을 여러 번 읽어도 찾을 수 없습니다. ! !
코드
<프리><코드> var 옵션 = { 툴팁 : { 트리거: '축' }, 그리드 : { 상단: 300 }, 전설: { 데이터:['baidu','google','sm','sogou','so','yesterday_str','count'], 텍스트 스타일: { FontSize: 30 // legend.textStyle.fontSize를 사용하여 예제 크기를 변경합니다. }, 항목 너비: 30, 항목 높이: 30 }, 도구 상자: { 표시 : 거짓, 특징 : { 표시: {표시: true}, dataView: {표시: true, readOnly: false}, MagicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']}, 복원: {표시: true}, saveAsImage: {표시: true} } }, 계산 가능 : 사실, x축 : [ { 축 라벨: { 회전: 0, 간격: 0, 텍스트 스타일:{ 글꼴 크기:20 } }, 유형 : '카테고리', 경계 간격 : 거짓, 데이터 : ['2017-04-18','2017-04-19','2017-04-20','2017-04-21','2017-04-22','2017-04-23' ,'2017-04-24','2017-04-25','2017-04-26','2017-04-27',] } ], y축 : [ { 유형: '값', 축 라벨 : { 포맷터: '{값}', 텍스트 스타일: { 글꼴 크기: 20 } } } ], 시리즈 : [ {이름:'yesterday_str',유형:'라인',라인: '전체',데이터:[ 2017-04-18,2017-04-19,2017-04-20,2017-04-21,2017-04 - 22,2017-04-23,2017-04-24,2017-04-25,2017-04-26,2017-04-27,]}, {이름:'baidu',유형:'line',line : '총계',데이터:[ 2225,2400,2343,2292,2540,1734,2242,2436,110,134,]}, {이름:'google',유형:'line',line: '총계', 데이터:[ 1155,1150,1172,1160,1163,1154,1152,1135,10,112,]}, {이름:'sm',유형:'line',line: '합계',데이터:[ 1201,1209 ,1236,1216 ,1240,1244,1240,1290,1750,1980,]}, {이름:'sogou',유형:'line',line: '합계',data:[ 1150,1180,1221,1238 ,1231,1253, 1226,173,10,13,]}, {이름:'so',유형:'line',line: '합계',데이터:[ 513,534,565,593,575,732,792,750,729,685,]}, {이름:'count' ,유형:'line' ,라인: '전체',데이터:[ 1634,1843,1877,1809,2079,2287,1762,1634,1750,1349,]}, ] }; window.onresize = 함수(){ myChart.resize(); }; //echarts 객체에 대한 데이터 로드 myChart.setOption(옵션);
공식 문서를 참조하는 것이 가장 좋으며, 다른 튜토리얼을 찾지 마세요. 최신 버전이 아닐 것입니다: http://echarts.baidu.com/opti...
Echarts 옵션을
3.x
版本为top
或者y
;2.x
版本为y
다음 예에서 구성해 볼 수 있습니다. 주소: http://echarts.baidu.com/demo...
공식 문서에 가서 자세한 구성 매뉴얼을 살펴보세요. 이 옵션이 있으면 스타일을 직접 변경하시면 됩니다.
grid.top