Plotly.js - многослойная временная ось

Question

Есть ли способ создать временную ось, используя Plotly.js, аналогичный решению Plottable.js?

Пример тут.

Я планирую перейти на Plotly.js, но действительно влюбился в эту презентацию оси времени, и, поскольку мне приходится строить множество временных рядов, было бы здорово достичь чего-то похожего с помощью сюжета.

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)'
    }
  },

Вот вам демо. Кодовое перо https://st ackru.com/images/4a30c64e03ac7d3e5a3196ea504acf527cb1082d.png