title: real time graph data from csv file, by using dimple.js or dygraph
body: <p>the code i tried in dimple</p>
  
  <pre><code> &lt;html&gt;
     &lt;head&gt;
     &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
        &lt;script src="http://d3js.org/d3.v3.min.js"&gt;&lt;/script&gt;
        &lt;script src="http://dimplejs.org/dist/dimple.v2.1.2.min.js"&gt;&lt;/script&gt;
     &lt;/head&gt;
     &lt;body&gt;
  
        &lt;script type="text/javascript"&gt;
  
      $.ajax("data.csv", {
      success: function(data) {
       var csv = d3.csv.parse(data);
          var svg = dimple.newSvg("body", 490, 430);
          var chart = new dimple.chart(svg, csv);
  chart.addCategoryAxis("x", "Reading time");
  chart.addMeasureAxis("y", "Level");
  chart.addSeries(null, dimple.plot.bar);
  chart.draw();
      }
  });   
  
   &lt;/script&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>the code i tried in dygraph is,
  <div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>'&lt;html&gt;
      &lt;head&gt;
    &lt;script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/dygraph/1.1.0/dygraph-combined-dev.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="graphdiv2"
              style="width:100%; height:75%;"&gt;&lt;/div&gt;&lt;br&gt;
          &lt;script type="text/javascript"&gt;
              g2 = new Dygraph(
                               document.getElementById("graphdiv2"),
                               "te1.csv", // path to CSV file
                               {  title: 'Title',
                                  xlabel: 'date',
                                  ylabel: 'pressure',
                                  legend: 'always',
                                  labelsDivStyles: {'textAlign': 'right'},
                                 
                               } );
              &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;'</code></pre>
  </div>
  </div>
  </p>
  
  <p>I tried so many examples, bcoz i'm new i couldn't understand to get my result. in  my csv file i have date,time,datay., in this i want date and time in X axis and datay in Y axis
  if necessary i can make date time in one cell, datay in another cell also in csv so that</p>
  
  <p>i can utilize this example <code>var format = d3.time.format("%Y-%m-%d %H:%M:%S");</code></p>
  
  <p>but i dont know how to connect my csv file with this dimplejs and how to edit attributes according to my various input</p>
  
  <p>in dygraph i dont know how to get time and date in one axis, <strong><em>i have 100data per single day to show in graph. in this it takes only single data per day</em></strong></p>
  
  <p>bcoz i have one year data in csv to be shown in <strong>line graph</strong> in a webpage..
  PLs guide me., so confused after seeing lots of example in dygraph and dimple.js i'm not getting it..</p>