獲取默認的圖表顯示FLOT圖表

我使用這個特殊的FLOT例如建立與我們的一些數據的圖表上：獲取默認的圖表顯示FLOT圖表

http://people.iola.dk/olau/flot/examples/ajax.html

我已經修改了標記位 - 而不是按鈕，我有不同的JSON文件複選框，以這種方式：

<span> 
    <input class="fetchSeries" type="checkbox"> Service One 
    <a href="@Server.MapPath("~/Scripts/flot/servicedataone.json")"></a> 
</span>

我想有一個與JSON文件加載頁面時的一個圖表預填充。我嘗試了各種各樣的東西，包括在頁面加載時默認選中其中一個複選框，但沒有運氣。

任何幫助表示讚賞！下面的代碼：

<script type="text/javascript"> 
    $(document).ready(function() { 
     var options = { 
      lines: { show: true }, 
      points: { show: true }, 
      yaxis: { 
      }, 
      xaxis: { 
      mode: "time" 
      }, 
      grid: { hoverable: true } 
     }; 
     var data = []; 
     var placeholder = $("#placeholder"); 

     $.plot(placeholder, data, options); 

     // fetch one series, adding to what we got 
     var alreadyFetched = {}; 

     $("input.fetchSeries").click(function() { 
      var button = $(this); 

      // find the URL in the link right next to us 
      var dataurl = button.siblings('a').attr('href'); 

      // then fetch the data with jQuery 
      function onDataReceived (series) { 
       // extract the first coordinate pair so you can see that 
       // data is now an ordinary Javascript object 
       var firstcoordinate = '(' + series.data[0][0] + ', ' + series.data[0][1] + ')'; 

       //button.siblings('span').text('Fetched ' + series.label + ', first point: ' + firstcoordinate); 

       // let's add it to our current data 
       if (!alreadyFetched[series.label]) { 
        alreadyFetched[series.label] = true; 
        data.push(series); 
       } 

       // and plot all we got 
       $.plot(placeholder, data, options); 
      } 

      $.ajax({ 
       url: dataurl, 
       method: 'GET', 
       dataType: 'json', 
       success: onDataReceived 
      }); 
     }); 
    }); 
</script>

來源

2012-02-20 mynameisneo