flot - 如何使用 flot 渲染此条形图

Question

你能用 flot 渲染这样的条形图吗？



我是否需要手动创建数据集才能获得此结果，而不是使用 mode: 'time' ？

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);
 });

产生: