На отдельной диаграмме площади не отображаются данные, если выбран тип «Дата-время» ⇐ Php

[Anonymous]

Я пытаюсь отобразить данные с помощью Apex Chart, диаграмма работает нормально динамически, если ее единственный тип DATE. Когда я использую поиск по диапазону дат (динамическое переключение на DATETIME) для запроса к базе данных, диаграмма AREA не показывает диаграмму, а показывает только цифры при наведении курсора на диаграмму, с другой стороны, если я меняю тип на BAR, это работает нормально.
Что может быть не так? Что мне не хватает?
Пожалуйста, посмотрите прикрепленное изображение

вот результат, когда я нажимаю «Просмотреть источник». Он показывает, что данные доступны, но визуальные эффекты не отображаются.


< pre class="snippet-code-js lang-js Prettyprint-override">

Код: Выделить всё

var options = {
series: [{
name: "Value1 Label",
data: ["330.00", "0.00", "0.00"]
},
{
name: "Value2 Label",
data: ["310.00", "0.00", "0.00"]
},
{
name: "Value3 Label",
data: ["230.00", "0.00", "0.00"]
},
{
name: "Value4 Label",
data: ["320.00", "0.00", "0.00"]
},
{
name: "Value5 Label",
data: ["330.00", "0.00", "0.00"]
},
{
name: "Value6 Label",
data: ["320.00", "0.00", "0.00"]
}
],
chart: {
height: 350,
stacked: true,
type: 'area'
},
dataLabels: {
enabled: false
},
colors: ['#3078AF', '#AF3080', '#3C8337', '#A25267', '#EFA1EC', 'grey'],
stroke: {
curve: "smooth",
lineCap: "round",
width: 0
},
fill: {
type: "solid"
},
xaxis: {
type: "datetime",
categories: ["2024-03-01", "2024-03-02", "2024-03-03"],
labels: {
style: {
//colors: colors.mutedColor,
cssClass: "text-muted",
//fontFamily: base.defaultFontFamily
}
},
},
yaxis: {
labels: {
style: {
//colors: colors.mutedColor,
cssClass: "text-muted",
//fontFamily: base.defaultFontFamily
}
},
},
legend: {
position: "bottom",
horizontalAlign: 'center',
//fontFamily: base.defaultFontFamily,
fontWeight: 400,
labels: {
//colors: colors.mutedColor
},
},
tooltip: {
x: {
format: 'dd/MM/yy HH:mm'
},
},
};

var chart = new ApexCharts(document.querySelector("#areaChart"), options);
chart.render();

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/784 ... s-selected