फ़्लोट के साथ इस बार चार्ट को कैसे प्रस्तुत करें

Question

क्या आप फ्लोट का उपयोग करके इस तरह के बार चार्ट प्रस्तुत कर सकते हैं? 'समय':

मैं मैन्युअल डाटासेट बनाने की जरूरत के बजाय मोड का उपयोग कर के इस परिणाम प्राप्त करने, है?

Answer 1

वास्तव में pretty easy फ़्लोट का उपयोग करने के लिए उत्पादन करने के लिए।

var options = { 
    series: { 
     bars: { 
      show: true, 
      barWidth: 15778463000, // 1/2 year in milliseconds 
      align: 'center' 
     }, 
    }, 
    yaxes: { 
     min: 0 
    }, 
    xaxis: { 
     mode: 'time', 
     timeformat: "%y", 
     tickSize: [1, "year"], 
     autoscaleMargin: .10 // allow space left and right 
    } 
}; 

$(function() { 
    $.plot($('#placeholder'), [[[1230768000*1000, 100], //[seconds * 1000 = milli, y value] 
           [1262304000*1000, 200], 
           [1293840000*1000, 300]]], options); 
}); 

का उत्पादन: