FLOT中的主要和次要刻度

Question

一些图表/绘图库,例如Python的matplotlib,具有主要和次要刻度的概念(具有相应的主要和次要网格线).我一直在四处寻找,我认为这在FLOT中不存在.似乎只有一类蜱.

是不是可以制作类似下面的东西,如果是,那怎么样？

例如,如下图所示,每1.0的主要滴答,每0.2的次要滴答.

Answer 1

你是正确的,flot不支持这种本地.

要复制你的绘图,我会使用网格标记并在每个整数刻度处添加一条较粗的线:

   $.plot("#placeholder", [ d1 ], {
      xaxis: {
       tickSize: 0.2 // regular tick at 0.2
      },
      grid: {
       markings: function (axes) {
        var markings = [];
        var xTicks = axes.xaxis.ticks;
        for (var i = 0; i < xTicks.length; i++){ // loop all the ticks and add a black line at each whole number
          if (xTicks[i].v % 1 === 0){
            markings.push({ xaxis: { from: xTicks[i].v - 0.005, to: xTicks[i].v + 0.005 }, color: 'black' });
          }
        }
        return markings;
    }
  }
});

生产(例如这里):