Chart doesn’t show the zero line

[DonCamillo11]

Flux version

v2.2.1

Livewire version

v3.6.3

Tailwind version

v4.1.10

Browser and Operating System

macOS

What is the problem?

If I use the chart code from the documentation and insert the zero line according to the documentation, it still doesn't appear.

Code snippets

<?php

namespace App\Livewire\Test;

use Livewire\Component;

class Test7 extends Component
{
    public function render()
    {
        return <<<'HTML'
        <div>

        <flux:card class="overflow-hidden min-w-[12rem]">
            <flux:text>Revenue</flux:text>
            <flux:heading size="xl" class="mt-2 tabular-nums">$12,345</flux:heading>
            <flux:chart class="-mx-8 -mb-8 h-[3rem]" :value="[10, 12, -11, 13, 15, 14, 16, -18, 17, 19, 21, 20]">
                <flux:chart.svg gutter="0">
                    <flux:chart.line class="text-sky-200 dark:text-sky-400" />
                    <flux:chart.area class="text-sky-100 dark:text-sky-400/30" />
                    <flux:chart.zero-line class="text-zinc-800" stroke-width="2" />
                </flux:chart.svg>
            </flux:chart>
        </flux:card>

        </div>
        HTML;
    }
}

How do you expect it to work?

The zero line should be visible if negative values ​​are included.

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be closed if I haven't met the criteria above.

[joshhanley]

@DonCamillo11 thanks for reporting! I've submitted a PR with a fix.