Zing Charts：フォームポストの2つのタイムスタンプ間でズームを自動的に設定する方法は？

私は、X軸上の時間でプロットされたZingchart Area Graphを持っています。タイムスケール上で発生するイベントを表示するだけです。Zing Charts：フォームポストの2つのタイムスタンプ間でズームを自動的に設定する方法は？

あなたは、x軸上で見ることができるように、日付と時間がある。このような。私はユーザーが開始時刻と終了時刻を選択できるフォームを持っています。グラフにそのタイムフレームのみを表示するようにしたいのですが、ズーム機能と同じですが、フォームがポストされたときに自動的に実行する必要があります。私は（クエリWRTランタイムで時間を選択して試してみました15-2-2017

：ここ

が出て、私は10 AM日午前8時間

グラフを表示したい置くです緑色のバー）。グラフは、ユーザーが選択した時間枠の下に来ないため、次の値をプロットする場所からグラフを理解できないことがあるため、グラフを破っています。

SQLクエリは次のとおりです。

$query = "SELECT * FROM `Admill1` WHERE ((Date>='$from' AND Date<='$to') AND (RunTime BETWEEN '$fr_time' AND '$to_time')) ORDER BY SNo ASC";

ので、唯一のオプションは、フロントエンドでそれを行うことです。私は動的にグラフズームをフォームに投稿したその時間枠に設定したいと思う。

これ以上の情報が必要な場合は教えてください。どんな助けでも感謝します、ありがとう。

出典

2017-02-15 Bilal Sardar

エリアチャートで特定の時間をズームするのはかなり簡単です。

scaleXプロパティ：{ のminValue：1262308703000、ステップ：86400000、ズーム：真、 zoomToValues：[1262654303000,1264727903000]、//タイムスタンプ

あなたはおそらく、あなたのscaleXプロパティの設定のために、これに似た何かを持っています変換：{ タイプ：「日付」 }} 、

zoomToValues：[タイムスタンプを終了し、タイムスタンプを開始する]を使用すると、特定の時間範囲を拡大する活用する必要がある属性です。値は、動作させるスケールのminValueとmaxValueの範囲内になければなりません。ズーム範囲（ミリ秒単位の開始および終了タイムスタンプ）を渡すだけで済みます。ここで

はデモです：

https://demos.zingchart.com/view/G1US5EP7

出典

2017-02-15 18:08:29

感謝:) –

上記の答えは完全に働きました。私はどのように他の人のために私のコードで上記の答えを使用して投稿しています。

時間をPHPでunix時間に変換します。

zingchartスクリプトにPHPコードを埋め込みます。働い

<?php 

$from = "2017-02-16"; 
$to = "2017-02-16"; 
$fr_time = "08:00:00"; 
$to_time = "10:00:00";  

$from_gmt = $from . " " . $fr_time . " " . "GMT+5"; 
$from_unix = strtotime($from_gmt) . "000"; 
$to_gmt = $to . " " . $to_time . " " . "GMT+5"; 

$to_unix = strtotime($to_gmt) . "000"; 

?> 


<script> 
    ... 
    ... 

"scaleX": { 
      "zooming": true, 
      "item": { 
       "angle": -90, 
       "color": "#696969" 
      }, 
      "items-overlap": false, 
      "max-items": 30, 
      "step": "minute", 

      <?php 

      if($ignoretime == "no") 
      { 

       echo "zoomToValues: [$from_unix,$to_unix],"; 

      } 

      ?> 

      "transform": { 
       "type": "date", 
       "all": "%d.%m.%Y<br />%H:%i:%s", 
       "item": { 
        "visible": false 
       } 
      } 
     }, 

     ... 
     ... 

    </script>

出典

2017-02-16 06:09:31

Zing Charts：フォームポストの2つのタイムスタンプ間でズームを自動的に設定する方法は？

答えて

関連する問題