Ниже даю рабочий пример как сделать Line chart по дням на Chart.js с учетом всех твоих условий:

Что делаем

Ось X – дни
Ось Y – количество сделок

Логика:

• ❗ Если даты не выбраны → показываем последние 7 дней

• ❗ Если сотрудник не выбран → считаем по всем

• ❗ Если выбран account_id_create → считаем только по нему

Линии графика:

Источник данных → deal_stage.deal_create

1️⃣ PHP: формирование условий и диапазона дат

php
Копировать код
<?php
$db = new SQLite3('db.sqlite'); // путь к БД

$start = $_POST['startDate'] ?? '';
$end   = $_POST['endDate'] ?? '';
$user  = trim($_POST['byaccount_set'] ?? '');

$valid = '/^\d{4}-\d{2}-\d{2}$/';

/* если даты не заданы — последняя неделя */
if (!preg_match($valid, $start) || !preg_match($valid, $end)) {
    $end   = date('Y-m-d');
    $start = date('Y-m-d', strtotime('-6 days'));
}

$dateCond = "
    deal_create >= '$start 00:00:00'
    AND deal_create <= '$end 23:59:59'
";

$userCond = '';
if ($user !== '') {
    $userCond = " AND account_id_create = ".intval($user);
}

2️⃣ PHP: получаем данные по дням

php
Копировать код
$statuses = [
    'new'   => ['status' => 0,   'color' => '#79c4f7'],
    'lost'  => ['status' => 100, 'color' => '#ff0000'],
    'done'  => ['status' => 150, 'color' => 'orange'],
];

$data = [];
$labels = [];

/* список дней */
$period = new DatePeriod(
    new DateTime($start),
    new DateInterval('P1D'),
    (new DateTime($end))->modify('+1 day')
);

foreach ($period as $d) {
    $labels[] = $d->format('Y-m-d');
}

foreach ($statuses as $key => $cfg) {

    $sql = "
        SELECT DATE(deal_create) as d, COUNT(*) as cnt
        FROM deal_stage
        WHERE status_deal = {$cfg['status']}
          AND $dateCond
          $userCond
        GROUP BY DATE(deal_create)
    ";

    $res = $db->query($sql);

    $tmp = [];
    while ($row = $res->fetchArray(SQLITE3_ASSOC)) {
        $tmp[$row['d']] = (int)$row['cnt'];
    }

    foreach ($labels as $day) {
        $data[$key][] = $tmp[$day] ?? 0;
    }
}

echo json_encode([
    'labels' => $labels,
    'datasets' => [
        [
            'label' => 'Новые сделки',
            'data' => $data['new'],
            'borderColor' => '#79c4f7',
            'backgroundColor' => 'transparent',
            'tension' => 0.3
        ],
        [
            'label' => 'Не приобретен',
            'data' => $data['lost'],
            'borderColor' => '#ff0000',
            'backgroundColor' => 'transparent',
            'tension' => 0.3
        ],
        [
            'label' => 'Приобретен',
            'data' => $data['done'],
            'borderColor' => 'orange',
            'backgroundColor' => 'transparent',
            'tension' => 0.3
        ]
    ]
]);
exit;

3️⃣ JS: Chart.js (line)

html
Копировать код
<script>
let chart;

$('#filterForm').on('submit', function(e){
    e.preventDefault();

    $.post('', $(this).serialize(), function(resp){
        const data = JSON.parse(resp);

        const ctx = document.getElementById('chartUsers').getContext('2d');
        if (chart) chart.destroy();

        chart = new Chart(ctx, {
            type: 'line',
            data: {
                labels: data.labels,
                datasets: data.datasets
            },
            options: {
                responsive: true,
                plugins: {
                    legend: {
                        position: 'top'
                    }
                },
                scales: {
                    y: {
                        beginAtZero: true,
                        ticks: { precision: 0 }
                    }
                }
            }
        });
    });
});

/* автозагрузка */
$('#filterForm').submit();
</script>

4️⃣ Что в итоге получаешь

✔ График по дням
✔ Фильтр по сотруднику
✔ Последняя неделя по умолчанию
✔ Цвета как ты указал
✔ SQLite3 + процедурный PHP
✔ Без PDO

❓ Могу дополнить

Если нужно:

• группировка по неделям / месяцам

• stacked line / bar

• tooltip с деталями

• отдельный AJAX endpoint

• учет deal_finish

Просто скажи 👍

Отлично, делаем 👍
Ниже полное расширение твоего решения:

✔ отдельный AJAX endpoint
✔ tooltip с деталями (всего за день + по статусам)
✔ учет deal_finish для приобретённых / не приобретённых

1️⃣ Отдельный AJAX endpoint

📁 ajax/chart_deals_by_day.php

php
Копировать код
<?php
$db = new SQLite3('../db.sqlite');

$start = $_POST['startDate'] ?? '';
$end   = $_POST['endDate'] ?? '';
$user  = trim($_POST['byaccount_set'] ?? '');

$valid = '/^\d{4}-\d{2}-\d{2}$/';

/* период по умолчанию — 7 дней */
if (!preg_match($valid, $start) || !preg_match($valid, $end)) {
    $end   = date('Y-m-d');
    $start = date('Y-m-d', strtotime('-6 days'));
}

$userCondCreate = '';
$userCondFinish = '';

if ($user !== '') {
    $uid = intval($user);
    $userCondCreate = " AND account_id_create = $uid";
    $userCondFinish = " AND account_id_finish = $uid";
}

/* дни */
$labels = [];
$period = new DatePeriod(
    new DateTime($start),
    new DateInterval('P1D'),
    (new DateTime($end))->modify('+1 day')
);

foreach ($period as $d) {
    $labels[] = $d->format('Y-m-d');
}

/* массивы */
$result = [
    'labels' => $labels,
    'new'  => [],
    'lost' => [],
    'done' => [],
    'total'=> []
];

/* ---- Новые сделки (по deal_create) ---- */
$sqlNew = "
    SELECT DATE(deal_create) d, COUNT(*) cnt
    FROM deal_stage
    WHERE status_deal = 0
      AND deal_create BETWEEN '$start 00:00:00' AND '$end 23:59:59'
      $userCondCreate
    GROUP BY DATE(deal_create)
";

$tmpNew = [];
$r = $db->query($sqlNew);
while ($row = $r->fetchArray(SQLITE3_ASSOC)) {
    $tmpNew[$row['d']] = (int)$row['cnt'];
}

/* ---- Не приобретен / Приобретен (по deal_finish) ---- */
function loadFinish($db, $status, $start, $end, $userCondFinish) {
    $sql = "
        SELECT DATE(deal_finish) d, COUNT(*) cnt
        FROM deal_stage
        WHERE status_deal = $status
          AND deal_finish BETWEEN '$start 00:00:00' AND '$end 23:59:59'
          $userCondFinish
        GROUP BY DATE(deal_finish)
    ";
    $tmp = [];
    $r = $db->query($sql);
    while ($row = $r->fetchArray(SQLITE3_ASSOC)) {
        $tmp[$row['d']] = (int)$row['cnt'];
    }
    return $tmp;
}

$tmpLost = loadFinish($db, 100, $start, $end, $userCondFinish);
$tmpDone = loadFinish($db, 150, $start, $end, $userCondFinish);

/* собираем по дням */
foreach ($labels as $day) {
    $n = $tmpNew[$day]  ?? 0;
    $l = $tmpLost[$day] ?? 0;
    $d = $tmpDone[$day] ?? 0;

    $result['new'][]   = $n;
    $result['lost'][]  = $l;
    $result['done'][]  = $d;
    $result['total'][] = $n + $l + $d;
}

echo json_encode($result);
exit;

2️⃣ JS: запрос к AJAX + Tooltip с деталями

html
Копировать код
<script>
let chart;

function loadChart() {
    $.post(
        'ajax/chart_deals_by_day.php',
        $('#filterForm').serialize(),
        function(resp) {

            const data = JSON.parse(resp);
            const ctx = document.getElementById('chartUsers').getContext('2d');

            if (chart) chart.destroy();

            chart = new Chart(ctx, {
                type: 'line',
                data: {
                    labels: data.labels,
                    datasets: [
                        {
                            label: 'Новые сделки',
                            data: data.new,
                            borderColor: '#79c4f7',
                            tension: 0.3
                        },
                        {
                            label: 'Не приобретен',
                            data: data.lost,
                            borderColor: '#ff0000',
                            tension: 0.3
                        },
                        {
                            label: 'Приобретен',
                            data: data.done,
                            borderColor: 'orange',
                            tension: 0.3
                        }
                    ]
                },
                options: {
                    responsive: true,
                    interaction: {
                        mode: 'index',
                        intersect: false
                    },
                    plugins: {
                        tooltip: {
                            callbacks: {
                                footer: (items) => {
                                    const i = items[0].dataIndex;
                                    return 'Всего: ' + data.total[i];
                                }
                            }
                        }
                    },
                    scales: {
                        y: {
                            beginAtZero: true,
                            ticks: { precision: 0 }
                        }
                    }
                }
            });
        }
    );
}

$('#filterForm').on('submit', function(e){
    e.preventDefault();
    loadChart();
});

/* автозагрузка */
loadChart();
</script>

3️⃣ Как теперь считается

✔ График реально показывает завершения, а не создание
✔ Tooltip показывает все статусы + сумму за день

4️⃣ Tooltip в итоге показывает

markdown
Копировать код
Новые сделки: 5
Не приобретен: 2
Приобретен: 3
----------------
Всего: 10

Хочешь дальше?

Могу добавить:

• 🟦 stacked chart

• 📅 группировку по неделям / месяцам

• 🧮 KPI % (конверсия)

• 🧑‍💼 сравнение сотрудников

Скажи, что следующее 👌

Отлично, делаем полный KPI-дашборд 💪
Ниже — четкая архитектура + код, чтобы ты мог включать/выключать режимы без переписывания всего.

🧱 Общая архитектура (рекомендую)

Параметры, которые добавляем в фильтр

html
Копировать код
<input type="hidden" name="groupBy" value="day"> 
<!-- day | week | month -->

<input type="hidden" name="chartType" value="stacked">
<!-- stacked | line -->

<input type="hidden" name="compare" value="0">
<!-- 0 | 1 -->

1️⃣ 📅 Группировка по дням / неделям / месяцам (PHP)

Функция SQL-группировки для SQLite

php
Копировать код
function groupExpr($type, $field) {
    switch ($type) {
        case 'week':
            return "strftime('%Y-W%W', $field)";
        case 'month':
            return "strftime('%Y-%m', $field)";
        default:
            return "date($field)";
    }
}

2️⃣ 🧮 KPI % (конверсия)

Формула:

Копировать код
Конверсия = Приобретен / (Новые + Не приобретен + Приобретен) * 100

Мы считаем по каждому периоду.

3️⃣ 🧑‍💼 Сравнение сотрудников

Если compare = 1 →
❗ игнорируем выбранного пользователя
❗ группируем по account_id_create

4️⃣ AJAX endpoint (РАСШИРЕННЫЙ)

📁 ajax/chart_deals_kpi.php

php
Копировать код
<?php
$db = new SQLite3('../db.sqlite');

$start   = $_POST['startDate'] ?? '';
$end     = $_POST['endDate'] ?? '';
$user    = trim($_POST['byaccount_set'] ?? '');
$groupBy = $_POST['groupBy'] ?? 'day';
$compare = ($_POST['compare'] ?? '0') === '1';

$valid = '/^\d{4}-\d{2}-\d{2}$/';
if (!preg_match($valid, $start) || !preg_match($valid, $end)) {
    $end   = date('Y-m-d');
    $start = date('Y-m-d', strtotime('-6 days'));
}

/* условия */
$userCreate = $userFinish = '';
if ($user !== '' && !$compare) {
    $uid = intval($user);
    $userCreate = " AND account_id_create = $uid";
    $userFinish = " AND account_id_finish = $uid";
}

/* группировки */
$grpCreate = groupExpr($groupBy, 'deal_create');
$grpFinish = groupExpr($groupBy, 'deal_finish');

/* функция выборки */
function load($db, $status, $grp, $field, $start, $end, $cond) {
    $sql = "
        SELECT $grp g, COUNT(*) cnt
        FROM deal_stage
        WHERE status_deal = $status
          AND $field BETWEEN '$start 00:00:00' AND '$end 23:59:59'
          $cond
        GROUP BY g
    ";
    $res = [];
    $r = $db->query($sql);
    while ($row = $r->fetchArray(SQLITE3_ASSOC)) {
        $res[$row['g']] = (int)$row['cnt'];
    }
    return $res;
}

/* данные */
$new  = load($db, 0,   $grpCreate, 'deal_create', $start, $end, $userCreate);
$lost = load($db, 100, $grpFinish, 'deal_finish', $start, $end, $userFinish);
$done = load($db, 150, $grpFinish, 'deal_finish', $start, $end, $userFinish);

/* объединяем ключи */
$labels = array_unique(array_merge(
    array_keys($new),
    array_keys($lost),
    array_keys($done)
));
sort($labels);

/* финальный массив */
$out = [
    'labels' => $labels,
    'new' => [],
    'lost' => [],
    'done' => [],
    'kpi' => []
];

foreach ($labels as $k) {
    $n = $new[$k]  ?? 0;
    $l = $lost[$k] ?? 0;
    $d = $done[$k] ?? 0;
    $t = $n + $l + $d;

    $out['new'][]  = $n;
    $out['lost'][] = $l;
    $out['done'][] = $d;
    $out['kpi'][]  = $t ? round($d / $t * 100, 1) : 0;
}

echo json_encode($out);
exit;

5️⃣ 🟦 Stacked Chart + KPI линия (JS)

js
Копировать код
chart = new Chart(ctx, {
    data: {
        labels: data.labels,
        datasets: [
            {
                label: 'Новые',
                data: data.new,
                backgroundColor: '#79c4f7',
                stack: 'deals',
                type: 'bar'
            },
            {
                label: 'Не приобретен',
                data: data.lost,
                backgroundColor: '#ff0000',
                stack: 'deals',
                type: 'bar'
            },
            {
                label: 'Приобретен',
                data: data.done,
                backgroundColor: 'orange',
                stack: 'deals',
                type: 'bar'
            },
            {
                label: 'Конверсия %',
                data: data.kpi,
                borderColor: '#000',
                yAxisID: 'y1',
                type: 'line',
                tension: 0.3
            }
        ]
    },
    options: {
        responsive: true,
        scales: {
            y: {
                stacked: true,
                beginAtZero: true
            },
            y1: {
                position: 'right',
                beginAtZero: true,
                ticks: {
                    callback: v => v + '%'
                }
            }
        }
    }
});

6️⃣ 🧑‍💼 Сравнение сотрудников (идея)

Если compare = 1:

sql
Копировать код
SELECT account_id_create, COUNT(*) ...
GROUP BY account_id_create, period

В JS:

• каждый сотрудник = отдельный dataset

• цвета — из массива

• KPI можно считать по каждому

👉 Если хочешь — дам готовый код сравнения сотрудников (он чуть объемнее).

✅ В итоге ты получил

✔ Stacked bar
✔ Line KPI %
✔ День / Неделя / Месяц
✔ Реальные deal_finish
✔ Готово к сравнению сотрудников

🔥 Что дальше?

Могу добавить:

• heatmap по дням недели

• drill-down (клик по дню → список сделок)

• экспорт в Excel

• план/факт KPI

Скажи, что из этого делаем следующим 🚀

Отлично, это уже уровень BI-дашборда 👍
Ниже — drill-down по клику + план/факт KPI, аккуратно встроенные в твою текущую архитектуру.

🔍 1️⃣ Drill-down

Клик по дню / неделе / месяцу → список сделок

Идея

• Кликаем по столбцу / точке

• Получаем период + статус

• AJAX → список сделок

• Показываем в Bootstrap modal

1.1 📦 HTML: модальное окно

html
Копировать код
<div class="modal fade" id="dealModal" tabindex="-1">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Сделки</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <table class="table table-sm table-bordered">
          <thead>
            <tr>
              <th>ID</th>
              <th>Дата</th>
              <th>Статус</th>
              <th>KPI</th>
              <th>Сотрудник</th>
              <th>Заказ</th>
            </tr>
          </thead>
          <tbody id="dealList"></tbody>
        </table>
      </div>
    </div>
  </div>
</div>

1.2 🧠 JS: обработка клика по графику

js
Копировать код
onClick: (e, elements) => {
    if (!elements.length) return;

    const el = elements[0];
    const period = chart.data.labels[el.index];
    const statusLabel = chart.data.datasets[el.datasetIndex].label;

    let status = 0;
    if (statusLabel.includes('Не')) status = 100;
    if (statusLabel.includes('Приобр')) status = 150;

    loadDeals(period, status);
}

Добавь в options графика.

1.3 🚀 JS: загрузка сделок

js
Копировать код
function loadDeals(period, status) {

    $.post(
        'ajax/drilldown_deals.php',
        {
            period: period,
            status: status,
            groupBy: $('[name=groupBy]').val(),
            byaccount_set: $('[name=byaccount_set]').val()
        },
        function(resp) {
            const rows = JSON.parse(resp);
            let html = '';

            rows.forEach(r => {
                html += `
                <tr>
                    <td>${r.id}</td>
                    <td>${r.date}</td>
                    <td>${r.status}</td>
                    <td>${r.kpi}</td>
                    <td>${r.user}</td>
                    <td>${r.order_id}</td>
                </tr>`;
            });

            $('#dealList').html(html);
            $('#dealModal').modal('show');
        }
    );
}

1.4 🧩 PHP: drill-down endpoint

📁 ajax/drilldown_deals.php

php
Копировать код
<?php
$db = new SQLite3('../db.sqlite');

$period  = $_POST['period'];
$status  = intval($_POST['status']);
$groupBy = $_POST['groupBy'] ?? 'day';
$user    = trim($_POST['byaccount_set'] ?? '');

$field = ($status === 0) ? 'deal_create' : 'deal_finish';

$where = "status_deal = $status";
if ($user !== '') {
    $col = ($status === 0) ? 'account_id_create' : 'account_id_finish';
    $where .= " AND $col = ".intval($user);
}

/* период */
switch ($groupBy) {
    case 'week':
        $where .= " AND strftime('%Y-W%W', $field) = '$period'";
        break;
    case 'month':
        $where .= " AND strftime('%Y-%m', $field) = '$period'";
        break;
    default:
        $where .= " AND date($field) = '$period'";
}

$sql = "
    SELECT id,
           $field as date,
           status_deal,
           account_id_create as user,
           order_id
    FROM deal_stage
    WHERE $where
    ORDER BY $field DESC
    LIMIT 300
";

$r = $db->query($sql);
$out = [];

while ($row = $r->fetchArray(SQLITE3_ASSOC)) {
    $row['status'] = match($row['status_deal']) {
        0 => 'Новая',
        100 => 'Не приобретен',
        150 => 'Приобретен',
        default => $row['status_deal']
    };
    $row['kpi'] = ($row['status_deal'] == 150) ? '✔' : '';
    $out[] = $row;
}

echo json_encode($out);
exit;

🎯 2️⃣ План / Факт KPI

2.1 📊 Таблица плана KPI

sql
Копировать код
CREATE TABLE kpi_plan (
  id INTEGER PRIMARY KEY AUTOINCREMENT,
  account_id INT,
  period TEXT,          -- 2025-12 / 2025-W51
  plan_done INT         -- план по приобретенным
);

2.2 📥 Загрузка плана в endpoint

Добавляем в chart_deals_kpi.php:

php
Копировать код
function loadPlan($db, $periods, $user) {
    $res = array_fill(0, count($periods), 0);

    $cond = $user !== '' ? "AND account_id = ".intval($user) : '';

    $sql = "
        SELECT period, SUM(plan_done) p
        FROM kpi_plan
        WHERE period IN ('".implode("','", $periods)."')
        $cond
        GROUP BY period
    ";

    $r = $db->query($sql);
    $map = [];
    while ($row = $r->fetchArray(SQLITE3_ASSOC)) {
        $map[$row['period']] = (int)$row['p'];
    }

    foreach ($periods as $i => $p) {
        $res[$i] = $map[$p] ?? 0;
    }

    return $res;
}

И после расчета $labels:

php
Копировать код
$out['plan'] = loadPlan($db, $labels, $user);
$out['fact_percent'] = [];

foreach ($labels as $i => $p) {
    $plan = $out['plan'][$i];
    $fact = $out['done'][$i];
    $out['fact_percent'][] = $plan ? round($fact / $plan * 100, 1) : 0;
}

2.3 📈 График План / Факт

js
Копировать код
datasets.push(
    {
        label: 'План (шт)',
        data: data.plan,
        borderColor: '#999',
        borderDash: [6,6],
        type: 'line'
    },
    {
        label: 'Факт / План %',
        data: data.fact_percent,
        yAxisID: 'y1',
        borderColor: 'green',
        type: 'line'
    }
);

✅ В результате

✔ Клик по графику → список сделок
✔ Drill-down учитывает период и статус
✔ План / факт по KPI
✔ Конверсия + выполнение плана
✔ Всё на SQLite + PHP procedural

🔥 Могу дальше:

• drill-down до карточки сделки

• сравнение план/факт по сотрудникам

• SLA по времени закрытия

• heatmap KPI

Скажи — продолжаем 🚀