2 files changed, 32 insertions, 0 deletions
diff --git a/examples/qml/tutorials/extending-qml/chapter2-methods/Charts/App.qml b/examples/qml/tutorials/extending-qml/chapter2-methods/Charts/App.qml
new file mode 100644
index 000000000..6190cbc50
--- /dev/null
+++ b/examples/qml/tutorials/extending-qml/chapter2-methods/Charts/App.qml
@@ -0,0 +1,28 @@
+// Copyright (C) 2017 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import Charts
+import QtQuick
+
+Item {
+    width: 300; height: 200
+
+    PieChart {
+        id: aPieChart
+        anchors.centerIn: parent
+        width: 100; height: 100
+        color: "red"
+
+        onChartCleared: console.log("The chart has been cleared")
+    }
+
+    MouseArea {
+        anchors.fill: parent
+        onClicked: aPieChart.clearChart()
+    }
+
+    Text {
+        anchors { bottom: parent.bottom; horizontalCenter: parent.horizontalCenter; bottomMargin: 20 }
+        text: "Click anywhere to clear the chart"
+    }
+}
diff --git a/examples/qml/tutorials/extending-qml/chapter2-methods/Charts/qmldir b/examples/qml/tutorials/extending-qml/chapter2-methods/Charts/qmldir
new file mode 100644
index 000000000..dad537878
--- /dev/null
+++ b/examples/qml/tutorials/extending-qml/chapter2-methods/Charts/qmldir
@@ -0,0 +1,4 @@
+module Charts
+typeinfo chapter2-methods.qmltypes
+depends QtQuick
+App 254.0 App.qml