<!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 ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous le changez en
Il doit être utilisé dans la méthode de redimensionnement des echarts
thisSelon 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.Bonne réponse à l'étage window.onreszie = function(){ myChart.size()}
Bonne réponse à l'étage window.onreszie = function(){ myChart.size()}