Tooltip not showing on timeseries with multiple x axis and type candlestick

[gc-sommer]

Hi!

Thanks for your efforts on billboard.js - I'm migrating from c3.js and it has been a pleasure so far!

Description

When a second x axis is defined the tooltip won't show up on mouse over a candlestick item when axis type 'timeseries' and a second x axis is used. In the demo the step chart works as expected, while mouse over candlestick do not.

Steps to check or reproduce

Adjusted from https://naver.github.io/billboard.js/demo/#Chart.CandlestickChart:

// base css
import 'billboard.js/dist/theme/insight.css';
import bb from 'billboard.js';

var chart2 = bb.generate({
  data: {
    xs: { data1: 'x', data2: 'x2' },
    columns: [
      ['x', '2021-02-20', '2021-02-21'],
      ['x2', '2021-02-24', '2021-02-27'],
      [
        'data1',
        { open: 1300, high: 1369, low: 1200, close: 1339, volume: 100 },
        { open: 1348, high: 1371, low: 1271, close: 1320 },
      ],
      ['data2', 1234, 1111],
    ],
    types: {
      data1: 'candlestick', // for ESM specify as: candlestick()
      data2: 'step', // for ESM specify as: candlestick()
    },
    labels: true,
  },
  candlestick: {
    width: {
      data1: 30,
      data2: 70,
    },
    color: {
      down: {
        data1: 'red',
        data2: 'cyan',
      },
    },
  },
  axis: {
    x: {
      type: 'timeseries',
      tick: {
        format: '%Y-%m-%d',
      },
      padding: {
        left: 43200000,
        right: 43200000,
      },
    },
  },
  bindto: '#candlestickChart_2',
});

[netil]

Hi @gc-sommer, thanks for report! I'll check the issue.

[gc-sommer]

Thank you very much for the timely solution @netil !