Need help in heatmap charts

[jigapate]

Hello Team,

I have server data with below format,

[
    {
        "symbol": "A",
        "oi_sense": "Short Covering",
        "date": "2024-02-27",
        "color": "#00FF00"
    },
    {
        "symbol": "A",
        "oi_sense": "Long Unwinding",
        "date": "2024-02-28",
        "color": "#000000"
    },
    {
        "symbol": "A",
        "oi_sense": "Short Covering",
        "date": "2024-02-29",
        "color": "#00FF00"
    }
]

Now I am trying to plot heat map where X axis is date and Y axis is symbol and color to be filled with color property from this data and when we hover over map, we should see oi_sense as value,

I tried putting multiple ways in series, for data, but I could not able to see correctly,

Is such heatmap possible with Apexcharts?