<プリ><コード>
<!DOCTYPE html>
<頭>
<メタ文字セット="utf-8">
<title>WAP</title>
</head>
<本体>
<p style="height:50px;text-align:center;"><span>WAP</span></p>
<!-- ECharts 用のサイズ (幅と高さ) を備えた Dom を準備します -->
<p id="main" style="height:500px;"></p>
<!-- ECharts 単一ファイルの紹介 -->
<スクリプト src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<スクリプトタイプ="text/javascript">
// パスの設定
require.config({
パス: {
echarts: 'http://echarts.baidu.com/build/dist'
}
});
// 使用
必要とする（
[
「eチャート」、
'echarts/チャート/ライン',
]、
関数 (ec) {
// 用意したdomを元にechartsチャートを初期化します
var myChart = ec.init(document.getElementById('main'));
var オプション = {
ツールチップ: {
トリガー: '軸'
}、
伝説： {
データ:['baidu','google','sm','sogou','so','yesterday_str','count']
}、
ツールボックス: {
表示: false、
特徴 ： {
マーク: {show: true}、
dataView: {show: true、readOnly: false}、
magicType : {show: true、type: ['line', 'bar', 'stack', 'tiled']},
復元: {表示: true}、
画像として保存: {表示: true}
}
}、
計算可能：真、
グリッド：{
y:120、
}、
x軸: [
{
タイプ: 'カテゴリ',
境界ギャップ : false、
<?php
$con = mysql_connect("127.0.0.1","ルート","");
if (!$con)
{
die('接続できませんでした: ' .mysql_error());
}
mysql_query("SET NAMES UTF8");
mysql_select_db("rizhifenxi", $con);
$result = mysql_query("select * from wapliuliang order by Yesterday_str");
echo 'データ: [';
while($row = mysql_fetch_array($result))
{
echo "'".$row['yesterday_str']."'";
エコー「、」;
}
エコー「]」;
mysql_close($con);
?>
}
]、
y軸: [
{
タイプ: '値'、
軸ラベル : {
フォーマッタ: '{値}'
}
}
]、
シリーズ ： [
<?php
$con = mysql_connect("127.0.0.1","ルート","");
if (!$con)
{
die('接続できませんでした: ' .mysql_error());
}
mysql_query("SET NAMES UTF8");
mysql_select_db("rizhifenxi", $con);
$result = mysql_query("昨日_strによるwapliuliang注文から*を選択");
for ($x=1;$x<=7;$x++) {
$re_name = mysql_field_name($result,$x);
echo " {name:'".$re_name."',type:'line',line: '合計金額',data:[ ";
while($row = mysql_fetch_array($result))
{
echo $row[$x].',';
}
エコー ']},';
mysql_data_seek($result,0);
}
mysql_close($con);
?>
】
};
// echarts オブジェクトのデータをロードします
myChart.setOption(オプション);
// この文を追加するだけです
window.onresize = myChart.resize;
}
);
</スクリプト>
</ボディ>
window.onresize = myChart.resize; を追加した後でも適応が失敗するのはなぜですか?
アダプティブ携帯電話を実現するにはどうすればよいでしょうか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
それを
に変更します リーリーechartのresizeメソッドで使用する必要があります。割り当て方法に応じて、ウィンドウサイズが変更された場合、echartを操作する代わりにウィンドウを参照します。
this正解は2階 window.onreszie = function(){ myChart.size()}
正解は2階 window.onreszie = function(){ myChart.size()}