Rename gallery and qmlgallery examples as they are too genericv6.6.0-beta1

Gallery name conflicted with widgets example of same name.
New names are chartsgallery and qmlchartsgallery.

Fixes: QTBUG-114408
Change-Id: Iee9fdfa1f685685a4118fb9d401c1e53147546cb
Reviewed-by: Mahmoud Badri <mahmoud.badri@qt.io>
(cherry picked from commit 2ae46ef08f6a10a0d44557bb592db06be667f2bb)
Reviewed-by: Qt Cherry-pick Bot <cherrypick_bot@qt-project.org>

1 files changed, 39 insertions, 0 deletions

diff --git a/examples/charts/qmlchartsgallery/qml/DateTimeAxis.qml b/examples/charts/qmlchartsgallery/qml/DateTimeAxis.qml
new file mode 100644
index 00000000..97aa4dd2
--- /dev/null
+++ b/examples/charts/qmlchartsgallery/qml/DateTimeAxis.qml
@@ -0,0 +1,39 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtCharts
+
+//![1]
+ChartView {
+    id: root
+    title: "Accurate Historical Data"
+    anchors.fill: parent
+    legend.visible: false
+    antialiasing: true
+
+    LineSeries {
+        axisX: DateTimeAxis {
+            format: "yyyy MMM"
+            tickCount: 5
+        }
+        axisY: ValueAxis {
+            min: 0
+            max: 150
+        }
+
+        // Please note that month in JavaScript months are zero based, so 2 means March
+        XYPoint { x: root.toMsecsSinceEpoch(new Date(1950, 2, 15)); y: 5 }
+        XYPoint { x: root.toMsecsSinceEpoch(new Date(1970, 0, 1)); y: 50 }
+        XYPoint { x: root.toMsecsSinceEpoch(new Date(1987, 12, 31)); y: 102 }
+        XYPoint { x: root.toMsecsSinceEpoch(new Date(1998, 7, 1)); y: 100 }
+        XYPoint { x: root.toMsecsSinceEpoch(new Date(2012, 8, 2)); y: 110 }
+    }
+
+    // DateTimeAxis is based on QDateTimes so we must convert our JavaScript dates to
+    // milliseconds since epoch to make them match the DateTimeAxis values
+    function toMsecsSinceEpoch(date) {
+        var msecs = date.getTime();
+        return msecs;
+    }
+}
+//![1]