Bubble Chart with Date on x-axis

[rbr-goodrich]

Hello,

Does anyone have any working examples of using the Bubble Chart with a date on the x-axis ?

I've tried numerous times, but i always end up with no luck.

I've also read the docs, and looked at the examples but the bubble examples are confusing, TRASH and not helpful at all.

The other charts work quite well, its just the bubble chart that refuses to work.

My data format is as follows

{"name": 'john', 'data': { [1634853435280, 15, 30], [1634853435286, 15, 30], [1634853435289, 15, 37]}}

I've set the x-axis labels to datetime, and the x-axis appears, but the bubbles are all on the left hand-side of the graph, and not lined up correctly.

Below is an example of my config options.

`

var options4 = {
      series: [],
      chart: {
      redrawOnParentResize: false,
      redrawOnWindowResize: false,
      width: 300,
      type: 'bubble',
      foreColor: '#ffffff',
      zoom: {
        enabled: false
      },
    toolbar: {
    show: false
    },
    },
    dataLabels: {
      enabled: false
    },
    stroke: {
      width: [5, 7, 5],
      curve: 'straight',
      dashArray: [0, 8, 5]
    },
    title: {
      align: 'left'
    },
    legend: {
      tooltipHoverFormatter: function(val, opts) {
        return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] + ''
      }
    },
    markers: {
      size: 0,
      hover: {
        sizeOffset: 6
      }
    },
xaxis: {
                tickAmount: 12,
                type: 'datetime',
                labels: {
                    rotate: 0,
                }},
    tooltip: {
      y: [
        {
          title: {
            formatter: function (val) {
              return val + " (people)";
            }
          }
        },
        {
          title: {
            formatter: function (val) {
              return val;
            }
          }
        },
        {
          title: {
            formatter: function (val) {
              return val;
            }
          }
        }
      ]
    },
    grid: {
      borderColor: '#C0C0C0',
    }
};


`

[AlexLuo9999]

Did you solve it?