jquery - 以月或年 xaxis 进行 float

Question

我正在尝试调整 flot 生成的图表上 x 轴的外观。这是代码:

$(function () {
var data1 = [[1451599200000,0],[1454277600000,0],[1456783200000,104],[1459458000000,67]];
var data2 = [[1451599200000,48],[1454277600000,48],[1456783200000,53],[1459458000000,37]];

var options = {
      series: {
        bars: {
          show: true,
        }
      },
      xaxis: {
        mode: "time",
        timeformat: "%m-%Y",
      }
      };

var plotObj = $.plot($("#placeholder"), [{
        data: data1,
        label: "Data1",
      }, {
        data: data2,
        label: "Data2",
      }],
      options);
});

这就是我得到的结果。

问题#1:我的数据数组包含 [timestamp,value] 对，我希望 x 轴使用时间戳，在本例中是一个月。每条仅需要一个 x 轴标签。如果使用类别插件会更好，请给我一个如何使用它的示例，我可以修改我的 JSON 数据，以便时间戳是字符串而不是时间戳。

问题#2:是否可以根据 JSON 中存在的数据点数量来调整条形宽度？这样它们就不会像我的示例中那样薄。

链接到 jsfiddle:https://jsfiddle.net/prxbl/ubewvjkr/2/

Answer 1

您也可以在没有类别插件的情况下使用这些选项来完成此操作，主要是 barWidth 和 tickSize:

    series: {
        bars: {
            show: true,
            barWidth: 15*24*60*60*1000, // 15 days, roughly half a month
            align: 'center'
        }
    },
    xaxis: {
        mode: "time",
        timeformat: "%m-%Y",
        tickSize: [1, 'month']
    }

Updated fiddle