-
Notifications
You must be signed in to change notification settings - Fork 120
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
MultipleColumn somehow grouping results wrongly #88
Comments
Hi @djowebdev. Do you have any solution for this one? |
Unfortunately no a perfect one. The workaround is to create 0-entries for the other dates, actually this is what I did for the mockup (just add "0-entries" via addSeriesColumn('Name', '2022-xx-xx', 0)). So the data preparation is not done by livewire-charts it seems. It is tedious but potentially a nice-to-have thing and not a bug?! Not sure what the developers think |
What about just changing up the name values with the date values? Works for me.. |
Describe the bug
When I create a multiple column graph, it seems to group non-existing values and display them wrongly into the previous column. Basically it does not consider empty or non-existing entries for the group.
Picture:
Data:
...
->addSeriesColumn('Peter', '2022-02-27', 20)
->addSeriesColumn('Peter', '2022-02-28', 40)
->addSeriesColumn('Harry', '2022-02-26', 15)
->addSeriesColumn('Harry', '2022-03-02', 35)
->addSeriesColumn('Sarah', '2022-02-02', 15)
->addSeriesColumn('Sarah', '2022-03-02', 35)
...
To Reproduce
Steps to reproduce the behavior:
Component:
public function render() { $multiColumnChartModel = (new ColumnChartModel()) ->setTitle('Expenses by Name') ->multiColumn() ->addSeriesColumn('Peter', '2022-02-27', 20) ->addSeriesColumn('Peter', '2022-02-28', 40) ->addSeriesColumn('Harry', '2022-02-26', 15) ->addSeriesColumn('Harry', '2022-03-02', 35) ->addSeriesColumn('Sarah', '2022-02-02', 15) ->addSeriesColumn('Sarah', '2022-03-02', 35) ; return view('livewire.statistics-component') ->with([ 'multiColumnChartModel' => $multiColumnChartModel, ]); }
View:
<livewire:livewire-column-chart key="{{ $multiColumnChartModel->reactiveKey() }}" :column-chart-model="$multiColumnChartModel" />
Expected behavior
I would expect all the dates to be on the X-axis, even if there is no entry for the person.
Here is a mockup of what I would expect:
The text was updated successfully, but these errors were encountered: