<프리><코드>
<!DOCTYPE html>
<머리>
<meta charset="utf-8">
<제목>WAP
</머리>
<본문>
<p style="height:50px;text-align:center;"><span>WAP</span></p>
<!-- ECharts용 크기(너비 및 높이)로 Dom을 준비합니다 -->
<p id="main" style="height:500px;"></p>
<!-- ECharts 단일 파일 소개 -->
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<스크립트 유형="텍스트/자바스크립트">
// 경로 구성
require.config({
경로: {
echarts: 'http://echarts.baidu.com/build/dist'
}
});
// 사용
필요하다(
[
'전자차트',
'echarts/차트/선',
],
함수(ec) {
// 준비된 DOM을 기반으로 echarts 차트를 초기화합니다.
var myChart = ec.init(document.getElementById('main'));
var 옵션 = {
툴팁 : {
트리거: '축'
},
전설: {
데이터:['baidu','google','sm','sogou','so','yesterday_str','count']
},
도구 상자: {
표시 : 거짓,
특징 : {
표시: {표시: true},
dataView: {표시: true, readOnly: false},
MagicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
복원: {표시: true},
saveAsImage: {표시: true}
}
},
계산 가능 : 사실,
그리드:{
y:120,
},
x축 : [
{
유형 : '카테고리',
경계 간격 : 거짓,
window.onresize = myChart.resize;를 추가한 후에도 조정이 실패하는 이유는 무엇입니까?
적응형 휴대폰을 어떻게 구현할 수 있나요?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
로 변경하세요. 으아아아echarts의 크기 조정 방법에 사용되어야 합니다
this. 할당 방법에 따라 창 크기가 변경되면 echart가 작동하지 않는 창을 의미합니다.정답은 위층 window.onreszie = function(){ myChart.size()}
정답은 위층 window.onreszie = function(){ myChart.size()}