Bars on the wrong side on dashboard

Resolved cybeardjm
(@didierjm)

1 year, 3 months ago

Hi,

I have 2 blogs. For multiple reasons, I had to reset the data on both of them and restart from scratch.
They mostly have the same configuration, except one has French as the Site Language (English is installed too) and uses the ActivityPub & Fluent Form plugins (main differences from the top of my mind). This is the one that has a small “cosmetic” / non-blocking problem: the KA widget on the dashboard shows the bars on the wrong side.
The widget shows the last 14 days. Today is 03/07 – the graph dates are 2025-02-21 to 2025-03-07.
The bar for today’s visits should be in the right side (2025-03-07), but it’s on the left one (2025-02-21).

I tried to reset data again, uninstall, delete the KA plugin… didn’t change anything. Tried to change the language setting as the other blog is fine, but didn’t change anything.

Once again, this is non-blocking, but strange…

Sincerely
DJM

Viewing 12 replies - 1 through 12 (of 12 total)

Thread Starter cybeardjm
(@didierjm)

1 year, 3 months ago
Oh hadn’t seen it yet, but it’s the same on the main analytics page.

I use “This week” as date range, and for the 03/03-03/09 range, the 03/07 bar is full left (on 03/03).
Same for “This month”, “This year”.

Tried in troubleshoot mode, and it’s the same problem.
- This reply was modified 1 year, 3 months ago by cybeardjm.
Plugin Author Danny van Kooten
(@dvankooten)

1 year, 3 months ago
Hi @didierjm,

Thank you for bringing this to our attention. Obviously this isn’t happening to me but I’d love to fix this.
- Is this happening on both sites you have Kokok Analytics installed on?
- I presume your website is not using Right-to-Left mode right? (Ie, using the Hebrew language)
- Is this happening in more than one browser?
Thank you!

EDIT: Oh, and is there ever more than one bar showing? Looking at your screenshot I only see a single bar? Could it be that perhaps all bars are showing at the far-left side? If so, could you please check your browser console for errors?

To open the browser console, you can use the following shortcuts: in Chrome and Firefox, press Ctrl + Shift + J (Windows) or Cmd + Option + J (Mac). In Safari, first enable the Develop menu in Preferences, then use Cmd + Option + C; for Microsoft Edge, press Ctrl + Shift + I.
- This reply was modified 1 year, 3 months ago by Danny van Kooten.
Thread Starter cybeardjm
(@didierjm)

1 year, 3 months ago
Hi,
- No, it’s only happening on 1 site, although I had to reset both at the same time.
- I use L-to-R mode on both (French & English)
- Yes, it’s happening with multiple bars. In the screenshot, there’s only one as I tried to reset again just in case this would fix.
- I’ll check the console later, as I removed the plugin for now and have to reinstall it.
Thread Starter cybeardjm
(@didierjm)

1 year, 3 months ago
OK, same in Chrome & Firefox (I usually use FF).

Console: don’t see anything special.

Here’s the code for “This week” view, with the 1 visit bar for 3/8/25 appearing above 3/3/25 (notice that the block appears first, not in the order of dates):
```
<g class="weekend" data-date="2025-03-08" data-pageviews="1" data-visitors="1">
<rect class="ka--pageviews" height="25" y="225" x="25" width="159.14285714285714"></rect>
<rect class="ka--visitors" height="25" y="225" x="25" width="159.14285714285714"></rect>
<line stroke="#ddd" y1="250" y2="256" x1="104.57142857142857" x2="104.57142857142857"></line></g>
<g data-date="2025-03-03" data-pageviews="0" data-visitors="0">
<rect class="ka--pageviews" height="0" y="250" x="186.14285714285714" width="159.14285714285714"></rect>
<rect class="ka--visitors" height="0" y="250" x="186.14285714285714" width="159.14285714285714"></rect>
<line stroke="#ddd" y1="250" y2="256" x1="265.7142857142857" x2="265.7142857142857"></line></g>
<g data-date="2025-03-04" data-pageviews="0" data-visitors="0">
<rect class="ka--pageviews" height="0" y="250" x="347.2857142857143" width="159.14285714285714"></rect>
<rect class="ka--visitors" height="0" y="250" x="347.2857142857143" width="159.14285714285714"></rect>
<line stroke="#ddd" y1="250" y2="256" x1="426.85714285714283" x2="426.85714285714283"></line></g>
<g data-date="2025-03-05" data-pageviews="0" data-visitors="0">
<rect class="ka--pageviews" height="0" y="250" x="508.42857142857144" width="159.14285714285714"></rect>
<rect class="ka--visitors" height="0" y="250" x="508.42857142857144" width="159.14285714285714"></rect>
<line stroke="#ddd" y1="250" y2="256" x1="588" x2="588"></line></g>
<g data-date="2025-03-06" data-pageviews="0" data-visitors="0">
<rect class="ka--pageviews" height="0" y="250" x="669.5714285714286" width="159.14285714285714"></rect>
<rect class="ka--visitors" height="0" y="250" x="669.5714285714286" width="159.14285714285714"></rect>
<line stroke="#ddd" y1="250" y2="256" x1="749.1428571428571" x2="749.1428571428571"></line></g>
<g data-date="2025-03-07" data-pageviews="0" data-visitors="0">
<rect class="ka--pageviews" height="0" y="250" x="830.7142857142857" width="159.14285714285714"></rect>
<rect class="ka--visitors" height="0" y="250" x="830.7142857142857" width="159.14285714285714"></rect>
<line stroke="#ddd" y1="250" y2="256" x1="910.2857142857142" x2="910.2857142857142"></line></g>
<g class="weekend" data-date="2025-03-09" data-pageviews="0" data-visitors="0">
<rect class="ka--pageviews" height="0" y="250" x="991.8571428571429" width="159.14285714285714"></rect>
<rect class="ka--visitors" height="0" y="250" x="991.8571428571429" width="159.14285714285714"></rect>
<line stroke="#ddd" y1="250" y2="256" x1="1071.4285714285716" x2="1071.4285714285716"></line></g>               
```
Hope this helps.
Thread Starter cybeardjm
(@didierjm)

1 year, 3 months ago

Oh my… Both do it now. It seems for the second blog, it happened at 0:00, when changing day and getting new data.

Below the dashboard – the new bar should be above 3/9

Here’s “This month” – 1st bar is from 3/3 – not 3/1…

I tried to disable a few plugins (like page & object caches), but didn’t change anything.
Plugin Author Danny van Kooten
(@dvankooten)

1 year, 3 months ago
Thanks for the additional info @didierjm – that’s very helpful. This is a really weird issue, but the screenshots really help clear it up for me. I thought the bars were overlapping each other, but it’s just that they are shifted to the left?

Do you have access to your database in any way? If so, could you please check the contents of the wp_koko_analytics_dates table? For example, what is the result of the following database query:
```
SELECT COUNT(*) FROM wp_koko_analytics_dates
```
It should yield ~36525 rows, but I think somehow this table did not install itself correctly on your site. What’s weird is that it seems to be happening on both of your sites whereas I’m not seeing the issue anywhere else…

Best,
Danny
Thread Starter cybeardjm
(@didierjm)

1 year, 3 months ago

Yep, shifted to the left.

Checked DB (2 blogs): 36525 rows in both cases.

What’s strange is the second blog behaved properly, and suddenly…

Plugin Author Danny van Kooten
(@dvankooten)

1 year, 3 months ago

Very weird indeed @didierjm – still scratching my head over this one and trying to replicate it.

Could it be that the bars are simply out of order? Ie, in your screenshot above, does 3/1 (March 1) appear anywhere else in the chart?

Thread Starter cybeardjm
(@didierjm)

1 year, 3 months ago

I don’t have 3/1, as the collected data started on 3/3 after reset.

Indeed, check the code I posted earlier in this conversation, I do think the bars are generated in the wrong order, starting with the non empty ones.

In my example above, for “This week” = 3/3 to 3/9, the bars were generated this way:

3/8 data
3/3 empty
3/4 empty
3/5 empty
…
3/9 empty

Instead of:

3/3 empty
3/4 empty
3/5 empty
3/6 empty
3/7 empty
3/8 data
3/9 empty

My dashboard is public as of now, so that you can check for yourself:
https://www.didiermary.fr/?koko-analytics-dashboard=1

Plugin Author Danny van Kooten
(@dvankooten)

1 year, 3 months ago

Thanks @didierjm – that is really helpful. Can you please try updating to Koko Analytics version 1.7.1 to see if that resolves the issue?

Thread Starter cybeardjm
(@didierjm)

1 year, 3 months ago

Yep, the update resolved the problem.

Thx
DJM

Plugin Author Danny van Kooten
(@dvankooten)

1 year, 3 months ago

Awesome, happy to hear it @didierjm. Thanks for providing all the info!

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Bars on the wrong side on dashboard’ is closed to new replies.