masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Mengapa Baidu echarts php menambah window.onresize = myChart.resize atau adakah ia gagal menyesuaikan diri?
世界只因有你
世界只因有你 2017-05-16 13:08:14
0
3
652
<!DOCTYPE html> <kepala> <meta charset="utf-8"> <title>WAP</title> </head> <badan> <p style="height:50px;text-align:center;"><span>WAP</span></p> <!-- Sediakan Dom dengan saiz (lebar dan tinggi) untuk ECharts --> <p id="utama" style="height:500px;"></p> <!-- ECharts pengenalan fail tunggal --> <script src="http://echarts.baidu.com/build/dist/echarts.js"></script> <script type="text/javascript"> // konfigurasi laluan require.config({ laluan: { echarts: 'http://echarts.baidu.com/build/dist' } }); // gunakan memerlukan ( [ 'echarts', 'echarts/carta/line', ], fungsi (ec) { // Berdasarkan dom yang disediakan, mulakan carta echarts var myChart = ec.init(document.getElementById('utama')); pilihan var = { petua alat: { pencetus: 'paksi' }, lagenda: { data:['baidu','google','sm','sogou','so','yesterday_str','count'] }, kotak alat: { menunjukkan: palsu, ciri : { tandakan: {tunjukkan: benar}, dataView: {show: true, readOnly: false}, magicType : {show: true, type: ['line', 'bar', 'stack', 'tilled']}, pulihkan : {show: true}, saveAsImage: {show: true} } }, boleh dikira: benar, grid:{ y:120, }, xAxis : [ { jenis: 'kategori', boundaryGap : palsu, <?php $con = mysql_connect("127.0.0.1","root",""); jika (!$con) { die('Tidak dapat menyambung: ' . mysql_error()); } mysql_query("SET NAMA UTF8"); mysql_select_db("rizhifenxi", $con); $result = mysql_query("select * from wapliuliang order by yesterday_str"); echo 'data : ['; while($row = mysql_fetch_array($result)) { echo "'".$row['yesterday_str']."'"; gema ","; } echo ']'; mysql_close($con); ?> } ], yAxis : [ { jenis: 'nilai', axisLabel : { pemformat: '{value}' } } ], siri : [ <?php $con = mysql_connect("127.0.0.1","root",""); jika (!$con) { die('Tidak dapat menyambung: ' . mysql_error()); } mysql_query("SET NAMA UTF8"); mysql_select_db("rizhifenxi", $con); $result = mysql_query("select * from wapliuliang order by yesterday_str"); untuk ($x=1;$x<=7;$x++) { $re_name = mysql_field_name($hasil,$x); echo " {name:'".$re_name."',type:'line',line: 'Jumlah jumlah',data:[ "; while($row = mysql_fetch_array($result)) { echo $row[$x].','; } echo ']},'; mysql_data_seek($result,0); } mysql_close($con); ?> ] }; //Muatkan data untuk objek echarts myChart.setOption(pilihan); // Hanya tambah ayat ini window.onresize = myChart.resize; } ); </skrip> </badan>

Mengapakah penyesuaian gagal walaupun selepas menambah window.onresize = myChart.resize;?
Bagaimanakah kita boleh mencapai telefon mudah alih adaptif?

世界只因有你
世界只因有你

membalas semua(3)
刘奇
刘奇2017-05-16 13:10:14 Tingkat 3

Anda tukar kepada 

window.onresize = function(){
       myChart.resize();
};

Ia harus digunakan dalam kaedah ubah saiz echartsthis Mengikut kaedah tugasan anda, apabila saiz tetingkap berubah, ini akan merujuk kepada tetingkap tanpa operasi echart.

Suka +0
Tambah Balasan
左手右手慢动作
左手右手慢动作2017-05-16 13:10:14 Tingkat 2

Jawapan betul di tingkap tingkat atas.onreszie = function(){ myChart.size()}

Suka +0
Tambah Balasan
黄舟
黄舟2017-05-16 13:10:14 Tingkat 1

Jawapan betul di tingkap tingkat atas.onreszie = function(){ myChart.size()}

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan