Estoy tratando de mostrar un gráfico de barras de rango con AppexCharts para las tareas de fecha de vencimiento del equipo (2 tareas o más).

cada tarea puede tener múltiples barras si el número de barras en cada tarea es más de 2 las barras de cada tarea se juntan por favor mire este ejemplo que puede explicar mi punto claramente.

Gracias .

 var options = { series: [ { name: 'task1', data: [ { x: 'Team Health', y: [ new Date('2021-03-01').getTime(), new Date('2021-03-02').getTime() ] }, { x: 'Team Health', y: [ new Date('2021-03-02').getTime(), new Date('2021-03-05').getTime() ] }, { x: 'Team Health', y: [ new Date('2021-03-01').getTime(), new Date('2021-03-07').getTime() ] }, { x: 'Team Health', y: [ new Date('2021-03-02').getTime(), new Date('2021-03-08').getTime() ] }, { x: 'Team Health', y: [ new Date('2021-03-01').getTime(), new Date('2021-03-05').getTime() ] }, ] }, { name: 'task2', data: [ { x: 'Team Health', y: [ new Date('2021-03-01').getTime(), new Date('2021-03-10').getTime() ] }, { x: 'Team Health', y: [ new Date('2021-03-01').getTime(), new Date('2021-03-03').getTime() ] }, { x: 'Team Health', y: [ new Date('2021-03-3').getTime(), new Date('2021-03-08').getTime() ] }, ] }, ], chart: { height:400, type: 'rangeBar' }, plotOptions: { bar: { horizontal: true, barHeight: '80%', rangeBarOverlap: false, columnWidth: '10%', } }, xaxis: { type: 'datetime', position: 'top', }, stroke: { width: 1 }, fill: { type: 'solid', opacity: 0.6 }, legend: { position: 'top', horizontalAlign: 'center' } };