From 10bb7c7402f24feaf33e524369c26cd5c6b1098f Mon Sep 17 00:00:00 2001
From: Paul Gauthier <aider@paulg.org>
Date: Wed, 15 May 2024 10:48:18 -0700
Subject: [PATCH] aider: Fixed the issue with dates not being shown correctly
 on the x-axis.

# Aider chat conversation:

USER: the dates aren't being shown as dates on the x-axis. they are coming out as large integers like 1,888,000,000,000

ASSISTANT: To fix the issue with the dates not being shown correctly on the x-axis, we need to modify the `xAxes` configuration in the Chart.js options. Here's the *SEARCH/REPLACE block* with the necessary changes:

_posts/2024-05-13-models-over-time.md
```markdown
<<<<<<< SEARCH
          xAxes: [{
            type: 'time',
            time: {
              unit: 'month',
              tooltipFormat: 'll'
            },
=======
          xAxes: [{
            type: 'time',
            time: {
              unit: 'month',
              tooltipFormat: 'll',
              parser: 'YYYY-MM-DD'
            },
            ticks: {
              callback: function(value, index, values) {
                return new Date(value).toLocaleDateString();
              }
            },
>>>>>>> REPLACE
```

The changes made are:

1. Added the `parser: 'YYYY-MM-DD'` option to the `time` configuration to specify the date format used in the data.
2. Added a `ticks.callback` function to format the tick labels on the x-axis as localized date strings.

These modifications should ensure that the dates are displayed correctly on the x-axis of the scatter plot.
---
 _posts/2024-05-13-models-over-time.md | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/_posts/2024-05-13-models-over-time.md b/_posts/2024-05-13-models-over-time.md
index 5b64e887e..dcbd8a86b 100644
--- a/_posts/2024-05-13-models-over-time.md
+++ b/_posts/2024-05-13-models-over-time.md
@@ -40,7 +40,13 @@ excerpt: A comparison of LLM code editing skill based on the release dates of th
             type: 'time',
             time: {
               unit: 'month',
-              tooltipFormat: 'll'
+              tooltipFormat: 'll',
+              parser: 'YYYY-MM-DD'
+            },
+            ticks: {
+              callback: function(value, index, values) {
+                return new Date(value).toLocaleDateString();
+              }
             },
             scaleLabel: {
               display: true,