1 files changed, 78 insertions, 0 deletions
diff --git a/examples/charts/qmlchartsgallery/qml/AreaSeries.qml b/examples/charts/qmlchartsgallery/qml/AreaSeries.qml
new file mode 100644
index 00000000..80062616
--- /dev/null
+++ b/examples/charts/qmlchartsgallery/qml/AreaSeries.qml
@@ -0,0 +1,78 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtCharts
+
+//![1]
+ChartView {
+    title: "NHL All-Star Team Players"
+    anchors.fill: parent
+    antialiasing: true
+
+    // Define x-axis to be used with the series instead of default one
+    ValueAxis {
+        id: valueAxis
+        min: 2000
+        max: 2011
+        tickCount: 12
+        labelFormat: "%.0f"
+    }
+
+    AreaSeries {
+        name: "Russian"
+        axisX: valueAxis
+        upperSeries: LineSeries {
+            XYPoint { x: 2000; y: 1 }
+            XYPoint { x: 2001; y: 1 }
+            XYPoint { x: 2002; y: 1 }
+            XYPoint { x: 2003; y: 1 }
+            XYPoint { x: 2004; y: 1 }
+            XYPoint { x: 2005; y: 0 }
+            XYPoint { x: 2006; y: 1 }
+            XYPoint { x: 2007; y: 1 }
+            XYPoint { x: 2008; y: 4 }
+            XYPoint { x: 2009; y: 3 }
+            XYPoint { x: 2010; y: 2 }
+            XYPoint { x: 2011; y: 1 }
+        }
+    }
+    //![1]
+
+    AreaSeries {
+        name: "Swedish"
+        axisX: valueAxis
+        upperSeries: LineSeries {
+            XYPoint { x: 2000; y: 1 }
+            XYPoint { x: 2001; y: 1 }
+            XYPoint { x: 2002; y: 3 }
+            XYPoint { x: 2003; y: 3 }
+            XYPoint { x: 2004; y: 2 }
+            XYPoint { x: 2005; y: 0 }
+            XYPoint { x: 2006; y: 2 }
+            XYPoint { x: 2007; y: 1 }
+            XYPoint { x: 2008; y: 2 }
+            XYPoint { x: 2009; y: 1 }
+            XYPoint { x: 2010; y: 3 }
+            XYPoint { x: 2011; y: 3 }
+        }
+    }
+
+    AreaSeries {
+        name: "Finnish"
+        axisX: valueAxis
+        upperSeries: LineSeries {
+            XYPoint { x: 2000; y: 0 }
+            XYPoint { x: 2001; y: 0 }
+            XYPoint { x: 2002; y: 0 }
+            XYPoint { x: 2003; y: 0 }
+            XYPoint { x: 2004; y: 0 }
+            XYPoint { x: 2005; y: 0 }
+            XYPoint { x: 2006; y: 1 }
+            XYPoint { x: 2007; y: 0 }
+            XYPoint { x: 2008; y: 0 }
+            XYPoint { x: 2009; y: 0 }
+            XYPoint { x: 2010; y: 0 }
+            XYPoint { x: 2011; y: 1 }
+        }
+    }
+}