recherche

Maison  >  Questions et réponses  >  le corps du texte

Pourquoi Baidu echarts php ajoute-t-il window.onresize = myChart.resize; ou ne parvient-il pas à s'adapter ?

<!DOCTYPE html> <tête> <meta charset="utf-8"> <titre>WAP</titre> ≪/tête> <corps> <p style="height:50px;text-align:center;"><span>WAP</span></p> <!-- Préparez un Dom avec la taille (largeur et hauteur) pour ECharts --> <p id="main" style="height:500px;"></p> <!-- Introduction à un fichier unique ECharts --> <script src="http://echarts.baidu.com/build/dist/echarts.js"></script> <script type="text/javascript"> // configuration du chemin require.config({ chemins : { echarts : 'http://echarts.baidu.com/build/dist' } }); // utiliser exiger( [ « graphiques », 'graphiques/graphique/ligne', ], fonction (ec) { // Sur la base du dom préparé, initialisez le graphique echarts var monChart = ec.init(document.getElementById('main')); option var = { info-bulle : { déclencheur : 'axe' }, légende: { données : ['baidu', 'google', 'sm', 'sogou', 'so', 'hier_str', 'count'] }, boîte à outils : { show : faux, fonctionnalité : { marque : {afficher : vrai}, dataView : {show : vrai, readOnly : faux}, magicType : {show : true, type : ['line', 'bar', 'stack', 'tiled']}, restaurer : {show : true}, saveAsImage : {show : true} } }, calculable : vrai, grille:{ y:120, }, Axe x : [ { tapez : 'catégorie', borderGap : faux, <?php $con = mysql_connect("127.0.0.1","root",""); si ($con) { die('Impossible de se connecter : ' . mysql_error()); } mysql_query("DÉFINIR LES NOMS UTF8"); mysql_select_db("rizhifenxi", $con); $result = mysql_query("select * from wapliuliang order by hier_str"); echo 'données : ['; while($row = mysql_fetch_array($result)) { echo "'".$row['hier_str']."'"; écho ","; } écho ']'; mysql_close($con); ?> } ], Axe y : [ { tapez : 'valeur', axisLabel : { formateur : '{valeur}' } } ], série : [ <?php $con = mysql_connect("127.0.0.1","root",""); si ($con) { die('Impossible de se connecter : ' . mysql_error()); } mysql_query("DÉFINIR LES NOMS UTF8"); mysql_select_db("rizhifenxi", $con); $result = mysql_query("select * from wapliuliang order by hier_str"); pour ($x=1;$x<=7;$x++) { $re_name = mysql_field_name($result,$x); echo " {name:'".$re_name."',type:'line',line: 'Montant total',data:[ "; while($row = mysql_fetch_array($result)) { echo $ligne[$x].','; } écho ']},'; mysql_data_seek($result,0); } mysql_close($con); ?> ] } ; //Charger les données pour l'objet echarts monChart.setOption(option); // Ajoutez simplement cette phrase window.onresize = monChart.resize; } ); </script> </corps>

Pourquoi l'adaptation échoue-t-elle même après l'ajout de window.onresize = myChart.resize; ?
Comment pouvons-nous parvenir à des téléphones mobiles adaptatifs ?

世界只因有你世界只因有你2750 Il y a quelques jours657

répondre à tous(3)je répondrai

  • 怪我咯

    怪我咯2017-05-16 13:10:14

    Vous le changez en

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

    Il doit être utilisé dans la méthode de redimensionnement des echartsthis Selon votre méthode d'affectation, lorsque la taille de la fenêtre change, cela fera référence à la fenêtre sans utiliser l'echart.

    répondre
    0
  • ringa_lee

    ringa_lee2017-05-16 13:10:14

    Bonne réponse à l'étage window.onreszie = function(){ myChart.size()}

    répondre
    0
  • 黄舟

    黄舟2017-05-16 13:10:14

    Bonne réponse à l'étage window.onreszie = function(){ myChart.size()}

    répondre
    0
  • Annulerrépondre