# Szablon obrazka OG: Wykres liniowy

Prawdziwy wykres warstwowy narysowany z listy wartości, sięgający krawędzi kadru, z wyróżnioną ostatnią wartością.

- Slug: `line-chart`
- Preview (real render): https://shareglint.com/storage/template-previews/line-chart.jpg
- Page: https://shareglint.com/pl/templates/line-chart

Serię wysyłasz jako tekst — `Sty:120, Lut:180, Mar:240` — a karta rysuje do 24 punktów z wypełnionym polem, w skali dopasowanej do danych, więc kurs czy MRR rusza się tak, jak powinien. Pojedynczy punkt staje się poziomą linią, a kawałki bez liczby są pomijane. W kadrach poziomych ostatnia wartość i jej zmiana stoją w nagłówku; w kwadratowych i pionowych wiszą w dymku nad ostatnim punktem — nad nim po wzroście, pod nim po spadku.

## Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

| Pole | Typ | Opis | Przykład |
|---|---|---|---|
| `title` | tekst | Tytuł nad wykresem. (domyślnie: Chart title) | Monthly recurring revenue keeps climbing |
| `series` | tekst | Punkty jako pary etykieta:liczba oddzielone przecinkami, średnikami albo nowymi liniami, np. Sty:120, Lut:180, Mar:240. Najwyżej 24. (domyślnie: Jan:12, Feb:18, Mar:25) | Jan:21.4, Feb:23.0, Mar:22.1, Apr:26.8, May:29.5, Jun:28.7, Jul:33.9, Aug:37.2, Sep:41.6, Oct:48.2 |
| `highlight` | tekst | Zmiana obok ostatniej wartości, np. +38% od czerwca. Minus na początku daje kolor czerwony i strzałkę w dół. | +38% since June |
| `unit` | tekst | Czym są liczby, wyświetlane nad tytułem, np. MRR, tys. zł. | MRR, $ thousands |
| `period` | tekst | Zakres czasu w pigułce, np. sty – paź 2026. | Jan – Oct 2026 |
| `source` | tekst | Źródło danych pod wykresem. | Source: Stripe dashboard |
| `site` | tekst | Strona albo marka pod wykresem. | northwind.dev/open |
| `logo` | adres obrazka | Logo obok jednostki. | https://example.com/images/logo-northwind.png |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #22d3ee) | #22d3ee |
| `theme` | dark | light | Schemat kolorów: dark albo light. | — |

## Wyrenderuj go jednym żądaniem

```bash
curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "line-chart",
    "modifications": {
        "title": "Monthly recurring revenue keeps climbing",
        "series": "Jan:21.4, Feb:23.0, Mar:22.1, Apr:26.8, May:29.5, Jun:28.7, Jul:33.9, Aug:37.2, Sep:41.6, Oct:48.2",
        "highlight": "+38% since June",
        "unit": "MRR, $ thousands",
        "period": "Jan – Oct 2026",
        "source": "Source: Stripe dashboard",
        "site": "northwind.dev/open",
        "logo": "https://example.com/images/logo-northwind.png"
    }
}'
```

## Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

```bash
curl -X POST "https://shareglint.com/v1/templates/library/line-chart/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```