Plotly.js-多层时间轴

Question

有没有一种类似于Plottable.js解决方案的使用Plotly.js创建时间轴的方法？

示例here。

我计划迁移到Plotly.js，但我真的爱上了时间轴的呈现，而且由于我必须绘制许多时间序列，因此使用plotly实现与之相似的东西真是太好了。

Answer 1

我找不到在plotly.js中绘制多层时间轴的方法。 但这是解决方法之一。

按如下所示设置布局。

xaxis: {
    showline: true,
    showgrid: true,
    showticklabels: true,
    type : 'category',          //this will allow set 'tickson '
    tickson : 'boundaries',     //this will show lable in middle.
    ticklen : 22,               //this will show line as grid
    linecolor: 'rgb(204,204,204)',
    linewidth: 2,
    autotick: false,
    ticks: 'outside',
    tickcolor: 'rgb(204,204,204)',
    tickwidth: 1,
    tickfont: {
      family: 'Arial',
      size: 12,
      color: 'rgb(82, 82, 82)'
    }
  },

这是给您的演示。 Code pen