Web/js/jqplot/examples/zoomProxy.html

(开头部分) 22KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<!DOCTYPE html>

<html>
<head>

    <title>Zoom Proxy - Control one plot from another</title>

    <link class="include" rel="stylesheet" type="text/css" href="../jquery.jqplot.min.css" />
    <link rel="stylesheet" type="text/css" href="examples.min.css" />
    <link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shCoreDefault.min.css" />
    <link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shThemejqPlot.min.css" />
  
    <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]-->
    <script class="include" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    
   
</head>
<body>
    <div id="header">
        <div class="nav">
            <a class="nav" href="../../../index.php"><span>&gt;</span>Home</a>
            <a class="nav"  href="../../../docs/"><span>&gt;</span>Docs</a>
            <a class="nav"  href="../../download/"><span>&gt;</span>Download</a>
            <a class="nav" href="../../../info.php"><span>&gt;</span>Info</a>
            <a class="nav"  href="../../../donate.php"><span>&gt;</span>Donate</a>
        </div>
    </div>
    <div class="colmask leftmenu">
      <div class="colleft">
        <div class="col1" id="example-content">

  
<!-- Example scripts go here -->

  <style type="text/css">
    .jqplot-cursor-legend {
      width: 160px;
      font-family: "Courier New";
      font-size: 0.8em;
    }
    
    td.jqplot-cursor-legend-swatch {
      width: 1.3em;
    }
    
    div.jqplot-cursor-legend-swatch {
/*      width: 15px;*/
    }
  </style>

<p>Click and drag on the bottom plot to zoom on the top plot.  Double click inside the bottom plot or click the "reset" button to reset zoom.</p>

<div class="jqPlot" id="chart1" style="height:320px; width:600px;"></div>
<div class="jqPlot" id="chart2" style="margin-top: 30px; height:100px; width:600px;"></div>
<button value="reset" onclick="controllerPlot.resetZoom();">Reset</button>

<pre class="code brush:js"></pre>


<script type="text/javascript">
后面还有 161 行代码,购买后查看完整代码

24 小时内免费解锁 3 个项目,之后 1 积分/个。 规则说明

AI 解读

登录后可用,每次 10 积分,解读结果公开显示在下面。

还没有人解读过这个文件。