Add QML designer plugin

Added QML designer plugin for Charts. It's possible now to add all
possible series in ChartView and PolarChartView type. The properties
of ChartView and PolarChartView can be set via the QML designer. The
properties of the series are not editable via the QML designer.

Change-Id: I51cd6bf5bd33cd8d0f7b7f2fb992e7963e344dae
Task-number: QTRD-3356
Reviewed-by: Tomi Korpipää <tomi.korpipaa@digia.com>
Reviewed-by: Miikka Heikkinen <miikka.heikkinen@theqtcompany.com>

52 files changed, 1029 insertions, 0 deletions

diff --git a/src/chartsqml2/chartsqml2.pro b/src/chartsqml2/chartsqml2.pro
index d9f02da9..599de523 100644
--- a/src/chartsqml2/chartsqml2.pro
+++ b/src/chartsqml2/chartsqml2.pro
@@ -9,6 +9,8 @@ IMPORT_VERSION = $$MODULE_VERSION
 # Only build qml plugin static if Qt itself is also built static
 !contains(QT_CONFIG, static): CONFIG -= static staticlib
 
+include($$PWD/designer/designer.pri)
+
 INCLUDEPATH += ../../include \
                ../../include/QtCharts \
                ../charts \
diff --git a/src/chartsqml2/designer/ChartViewSpecifics.qml b/src/chartsqml2/designer/ChartViewSpecifics.qml
new file mode 100644
index 00000000..9740f46d
--- /dev/null
+++ b/src/chartsqml2/designer/ChartViewSpecifics.qml
@@ -0,0 +1,157 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import HelperWidgets 2.0
+import QtQuick.Layouts 1.0
+
+Column {
+    anchors.left: parent.left
+    anchors.right: parent.right
+
+    Section {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        caption: qsTr("Title")
+
+        SectionLayout {
+            rows: 1
+            Label {
+                text: qsTr("title")
+            }
+
+            SecondColumnLayout {
+                LineEdit {
+                    backendValue: backendValues.title
+                    Layout.fillWidth: true
+                }
+                ExpandingSpacer {
+                }
+            }
+        }
+    }
+
+    Section {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        caption: qsTr("Title Color")
+
+        ColorEditor {
+            caption: qsTr("titleColor")
+            backendValue: backendValues.titleColor
+            supportGradient: false
+        }
+    }
+
+    Section {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        caption: qsTr("Background Color")
+
+        ColorEditor {
+            caption: qsTr("backgroundColor")
+            backendValue: backendValues.backgroundColor
+            supportGradient: false
+        }
+    }
+
+    Section {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        caption: qsTr("Background")
+
+        SectionLayout {
+            rows: 2
+            Label {
+                text: qsTr("backgroundRoundness")
+                toolTip: qsTr("Diameter of the rounding circle at the corners")
+                Layout.fillWidth: true
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    backendValue: backendValues.backgroundRoundness
+                    minimumValue: 0.1
+                    maximumValue: 100.0
+                    stepSize: 0.1
+                    decimals: 1
+                    Layout.fillWidth: true
+                }
+            }
+
+            Label {
+                text: qsTr("dropShadowEnabled")
+                toolTip: qsTr("Enable border drop shadow")
+                Layout.fillWidth: true
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    backendValue: backendValues.dropShadowEnabled
+                    Layout.fillWidth: true
+                }
+            }
+        }
+    }
+
+    Section {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        caption: qsTr("Fill Color")
+
+        ColorEditor {
+            caption: qsTr("fillColor")
+            backendValue: backendValues.fillColor
+            supportGradient: false
+        }
+    }
+
+    Section {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        caption: qsTr("Plot Area Color")
+
+        ColorEditor {
+            caption: qsTr("plotAreaColor")
+            backendValue: backendValues.plotAreaColor
+            supportGradient: false
+        }
+    }
+
+    Section {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        caption: qsTr("Localization")
+
+        SectionLayout {
+            rows: 1
+            Label {
+                text: qsTr("localizeNumbers")
+                toolTip: qsTr("Localize numbers")
+                Layout.fillWidth: true
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    backendValue: backendValues.localizeNumbers
+                    Layout.fillWidth: true
+                }
+            }
+        }
+    }
+}
diff --git a/src/chartsqml2/designer/default/AreaSeries.qml b/src/chartsqml2/designer/default/AreaSeries.qml
new file mode 100644
index 00000000..24bbf258
--- /dev/null
+++ b/src/chartsqml2/designer/default/AreaSeries.qml
@@ -0,0 +1,35 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+ChartView {
+    width: 300
+    height: 300
+
+    AreaSeries {
+        name: "AreaSeries"
+        upperSeries: LineSeries {
+            XYPoint { x: 0; y: 1.5 }
+            XYPoint { x: 1; y: 3 }
+            XYPoint { x: 3; y: 4.3 }
+            XYPoint { x: 6; y: 1.1 }
+        }
+    }
+}
diff --git a/src/chartsqml2/designer/default/BarSeries.qml b/src/chartsqml2/designer/default/BarSeries.qml
new file mode 100644
index 00000000..01b3a983
--- /dev/null
+++ b/src/chartsqml2/designer/default/BarSeries.qml
@@ -0,0 +1,33 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+
+ChartView {
+    width: 300
+    height: 300
+
+    BarSeries {
+        name: "BarSeries"
+        BarSet { label: "Set1"; values: [2, 2, 3] }
+        BarSet { label: "Set2"; values: [5, 1, 2] }
+        BarSet { label: "Set3"; values: [3, 5, 8] }
+    }
+}
diff --git a/src/chartsqml2/designer/default/BoxPlotSeries.qml b/src/chartsqml2/designer/default/BoxPlotSeries.qml
new file mode 100644
index 00000000..fbf9c68e
--- /dev/null
+++ b/src/chartsqml2/designer/default/BoxPlotSeries.qml
@@ -0,0 +1,32 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+ChartView {
+    width: 300
+    height: 300
+
+    BoxPlotSeries {
+        name: "BoxPlotSeries"
+        BoxSet { label: "Set1"; values: [3, 4, 5.1, 6.2, 8.5] }
+        BoxSet { label: "Set2"; values: [5, 6, 7.5, 8.6, 11.8] }
+        BoxSet { label: "Set3"; values: [3.2, 5, 5.7, 8, 9.2] }
+    }
+}
diff --git a/src/chartsqml2/designer/default/HorizontalBarSeries.qml b/src/chartsqml2/designer/default/HorizontalBarSeries.qml
new file mode 100644
index 00000000..9c573a84
--- /dev/null
+++ b/src/chartsqml2/designer/default/HorizontalBarSeries.qml
@@ -0,0 +1,33 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+
+ChartView {
+    width: 300
+    height: 300
+
+    HorizontalBarSeries {
+        name: "HorizontalBarSeries"
+        BarSet { label: "Set1"; values: [2, 2, 3] }
+        BarSet { label: "Set2"; values: [5, 1, 2] }
+        BarSet { label: "Set3"; values: [3, 5, 8] }
+    }
+}
diff --git a/src/chartsqml2/designer/default/HorizontalPercentBarSeries.qml b/src/chartsqml2/designer/default/HorizontalPercentBarSeries.qml
new file mode 100644
index 00000000..876ecf43
--- /dev/null
+++ b/src/chartsqml2/designer/default/HorizontalPercentBarSeries.qml
@@ -0,0 +1,33 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+
+ChartView {
+    width: 300
+    height: 300
+
+    HorizontalPercentBarSeries {
+        name: "HorizontalPercentBarSeries"
+        BarSet { label: "Set1"; values: [2, 2, 3] }
+        BarSet { label: "Set2"; values: [5, 1, 2] }
+        BarSet { label: "Set3"; values: [3, 5, 8] }
+    }
+}
diff --git a/src/chartsqml2/designer/default/HorizontalStackedBarSeries.qml b/src/chartsqml2/designer/default/HorizontalStackedBarSeries.qml
new file mode 100644
index 00000000..7c0b4f42
--- /dev/null
+++ b/src/chartsqml2/designer/default/HorizontalStackedBarSeries.qml
@@ -0,0 +1,33 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+
+ChartView {
+    width: 300
+    height: 300
+
+    HorizontalStackedBarSeries {
+        name: "HorizontalStackedBarSeries"
+        BarSet { label: "Set1"; values: [2, 2, 3] }
+        BarSet { label: "Set2"; values: [5, 1, 2] }
+        BarSet { label: "Set3"; values: [3, 5, 8] }
+    }
+}
diff --git a/src/chartsqml2/designer/default/LineSeries.qml b/src/chartsqml2/designer/default/LineSeries.qml
new file mode 100644
index 00000000..2d1b629b
--- /dev/null
+++ b/src/chartsqml2/designer/default/LineSeries.qml
@@ -0,0 +1,34 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+
+ChartView {
+    width: 300
+    height: 300
+
+    LineSeries {
+        name: "LineSeries"
+        XYPoint { x: 0; y: 2 }
+        XYPoint { x: 1; y: 1.2 }
+        XYPoint { x: 2; y: 3.3 }
+        XYPoint { x: 5; y: 2.1 }
+    }
+}
diff --git a/src/chartsqml2/designer/default/PercentBarSeries.qml b/src/chartsqml2/designer/default/PercentBarSeries.qml
new file mode 100644
index 00000000..2442f1fc
--- /dev/null
+++ b/src/chartsqml2/designer/default/PercentBarSeries.qml
@@ -0,0 +1,33 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+
+ChartView {
+    width: 300
+    height: 300
+
+    PercentBarSeries {
+        name: "PercentBarSeries"
+        BarSet { label: "Set1"; values: [2, 2, 3] }
+        BarSet { label: "Set2"; values: [5, 1, 2] }
+        BarSet { label: "Set3"; values: [3, 5, 8] }
+    }
+}
diff --git a/src/chartsqml2/designer/default/PieSeries.qml b/src/chartsqml2/designer/default/PieSeries.qml
new file mode 100644
index 00000000..2e92460e
--- /dev/null
+++ b/src/chartsqml2/designer/default/PieSeries.qml
@@ -0,0 +1,32 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+ChartView {
+    width: 300
+    height: 300
+
+    PieSeries {
+        name: "PieSeries"
+        PieSlice { label: "Slice1"; value: 13.5 }
+        PieSlice { label: "Slice2"; value: 10.9 }
+        PieSlice { label: "Slice3"; value: 8.6 }
+    }
+}
diff --git a/src/chartsqml2/designer/default/PolarAreaSeries.qml b/src/chartsqml2/designer/default/PolarAreaSeries.qml
new file mode 100644
index 00000000..7fda23ec
--- /dev/null
+++ b/src/chartsqml2/designer/default/PolarAreaSeries.qml
@@ -0,0 +1,64 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+
+PolarChartView {
+    width: 300
+    height: 300
+    legend.visible: false
+
+    ValueAxis {
+        id: axis1
+        tickCount: 9
+    }
+    ValueAxis {
+        id: axis2
+    }
+    LineSeries {
+        id: lowerLine
+        axisAngular: axis1
+        axisRadial: axis2
+
+        XYPoint { x: 1; y: 5 }
+        XYPoint { x: 2; y: 10 }
+        XYPoint { x: 3; y: 12 }
+        XYPoint { x: 4; y: 17 }
+        XYPoint { x: 5; y: 20 }
+    }
+    LineSeries {
+        id: upperLine
+        axisAngular: axis1
+        axisRadial: axis2
+
+        XYPoint { x: 1; y: 5 }
+        XYPoint { x: 2; y: 14 }
+        XYPoint { x: 3; y: 20 }
+        XYPoint { x: 4; y: 32 }
+        XYPoint { x: 5; y: 35 }
+    }
+    AreaSeries {
+        name: "AreaSeries"
+        axisAngular: axis1
+        axisRadial: axis2
+        lowerSeries: lowerLine
+        upperSeries: upperLine
+    }
+}
diff --git a/src/chartsqml2/designer/default/PolarLineSeries.qml b/src/chartsqml2/designer/default/PolarLineSeries.qml
new file mode 100644
index 00000000..865318cc
--- /dev/null
+++ b/src/chartsqml2/designer/default/PolarLineSeries.qml
@@ -0,0 +1,43 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+
+PolarChartView {
+    width: 300
+    height: 300
+
+    LineSeries {
+        name: "LineSeries"
+        axisRadial: CategoryAxis {
+            min: 0
+            max: 20
+        }
+        axisAngular: ValueAxis {
+            tickCount: 9
+        }
+        XYPoint { x: 0; y: 4.3 }
+        XYPoint { x: 2; y: 4.7 }
+        XYPoint { x: 4; y: 5.2 }
+        XYPoint { x: 6; y: 6.1 }
+        XYPoint { x: 8; y: 12.9 }
+        XYPoint { x: 9; y: 19.2 }
+    }
+}
diff --git a/src/chartsqml2/designer/default/PolarScatterSeries.qml b/src/chartsqml2/designer/default/PolarScatterSeries.qml
new file mode 100644
index 00000000..8c5fb351
--- /dev/null
+++ b/src/chartsqml2/designer/default/PolarScatterSeries.qml
@@ -0,0 +1,41 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+PolarChartView {
+    width: 300
+    height: 300
+
+    ScatterSeries {
+        name: "ScatterSeries"
+        axisRadial: CategoryAxis {
+            min: 0
+            max: 20
+        }
+        axisAngular: ValueAxis {
+            tickCount: 9
+        }
+        XYPoint { x: 0; y: 4.3 }
+        XYPoint { x: 2; y: 4.7 }
+        XYPoint { x: 4; y: 5.2 }
+        XYPoint { x: 8; y: 12.9 }
+        XYPoint { x: 9; y: 19.2 }
+    }
+}
diff --git a/src/chartsqml2/designer/default/PolarSplineSeries.qml b/src/chartsqml2/designer/default/PolarSplineSeries.qml
new file mode 100644
index 00000000..ce2f4a0b
--- /dev/null
+++ b/src/chartsqml2/designer/default/PolarSplineSeries.qml
@@ -0,0 +1,43 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+
+PolarChartView {
+    width: 300
+    height: 300
+
+    SplineSeries {
+        name: "SplineSeries"
+        axisRadial: CategoryAxis {
+            min: 0
+            max: 20
+        }
+        axisAngular: ValueAxis {
+            tickCount: 9
+        }
+        XYPoint { x: 0; y: 4.3 }
+        XYPoint { x: 2; y: 4.7 }
+        XYPoint { x: 4; y: 5.2 }
+        XYPoint { x: 6; y: 6.1 }
+        XYPoint { x: 8; y: 12.9 }
+        XYPoint { x: 9; y: 19.2 }
+    }
+}
diff --git a/src/chartsqml2/designer/default/ScatterSeries.qml b/src/chartsqml2/designer/default/ScatterSeries.qml
new file mode 100644
index 00000000..ec6b63cf
--- /dev/null
+++ b/src/chartsqml2/designer/default/ScatterSeries.qml
@@ -0,0 +1,33 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+ChartView {
+    width: 300
+    height: 300
+
+    ScatterSeries {
+        name: "ScatterSeries"
+        XYPoint { x: 1; y: 1 }
+        XYPoint { x: 2; y: 4 }
+        XYPoint { x: 4; y: 2 }
+        XYPoint { x: 5; y: 5 }
+    }
+}
diff --git a/src/chartsqml2/designer/default/SplineSeries.qml b/src/chartsqml2/designer/default/SplineSeries.qml
new file mode 100644
index 00000000..1c9e71f0
--- /dev/null
+++ b/src/chartsqml2/designer/default/SplineSeries.qml
@@ -0,0 +1,33 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+ChartView {
+    width: 300
+    height: 300
+
+    SplineSeries {
+        name: "SplineSeries"
+        XYPoint { x: 0; y: 1 }
+        XYPoint { x: 3; y: 4.3 }
+        XYPoint { x: 5; y: 3.1 }
+        XYPoint { x: 8; y: 5.8 }
+    }
+}
diff --git a/src/chartsqml2/designer/default/StackedBarSeries.qml b/src/chartsqml2/designer/default/StackedBarSeries.qml
new file mode 100644
index 00000000..08ace82f
--- /dev/null
+++ b/src/chartsqml2/designer/default/StackedBarSeries.qml
@@ -0,0 +1,33 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc
+** All rights reserved.
+** For any questions to Digia, please use contact form at http://qt.io
+**
+** This file is part of the Qt Charts module.
+**
+** Licensees holding valid commercial license for Qt may use this file in
+** accordance with the Qt License Agreement provided with the Software
+** or, alternatively, in accordance with the terms contained in a written
+** agreement between you and Digia.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://qt.io
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtCharts 2.0
+
+
+ChartView {
+    width: 300
+    height: 300
+
+    StackedBarSeries {
+        name: "StackedBarSeries"
+        BarSet { label: "Set1"; values: [2, 2, 3] }
+        BarSet { label: "Set2"; values: [5, 1, 2] }
+        BarSet { label: "Set3"; values: [3, 5, 8] }
+    }
+}
diff --git a/src/chartsqml2/designer/designer.pri b/src/chartsqml2/designer/designer.pri
new file mode 100644
index 00000000..518300db
--- /dev/null
+++ b/src/chartsqml2/designer/designer.pri
@@ -0,0 +1,55 @@
+QML_FILES += \
+    $$PWD/ChartViewSpecifics.qml \
+    $$PWD/default/AreaSeries.qml \
+    $$PWD/default/BarSeries.qml \
+    $$PWD/default/BoxPlotSeries.qml \
+    $$PWD/default/HorizontalBarSeries.qml \
+    $$PWD/default/HorizontalPercentBarSeries.qml \
+    $$PWD/default/HorizontalStackedBarSeries.qml \
+    $$PWD/default/LineSeries.qml \
+    $$PWD/default/PercentBarSeries.qml \
+    $$PWD/default/PieSeries.qml \
+    $$PWD/default/ScatterSeries.qml \
+    $$PWD/default/SplineSeries.qml \
+    $$PWD/default/StackedBarSeries.qml \
+    $$PWD/default/PolarAreaSeries.qml \
+    $$PWD/default/PolarLineSeries.qml \
+    $$PWD/default/PolarScatterSeries.qml \
+    $$PWD/default/PolarSplineSeries.qml
+
+QML_FILES += $$PWD/qtcharts.metainfo
+
+# Images
+QML_FILES += \
+    $$PWD/images/areaseries-chart-icon.png \
+    $$PWD/images/areaseries-chart-icon16.png \
+    $$PWD/images/barseries-icon.png \
+    $$PWD/images/barseries-icon16.png \
+    $$PWD/images/boxplotseries-chart-icon.png \
+    $$PWD/images/boxplotseries-chart-icon16.png \
+    $$PWD/images/horizontalbarseries-icon.png \
+    $$PWD/images/horizontalbarseries-icon16.png \
+    $$PWD/images/horizontalpercentbarseries-icon.png \
+    $$PWD/images/horizontalpercentbarseries-icon16.png \
+    $$PWD/images/horizontalstackedbarseries-icon.png \
+    $$PWD/images/horizontalstackedbarseries-icon16.png \
+    $$PWD/images/lineseries-chart-icon.png \
+    $$PWD/images/lineseries-chart-icon16.png \
+    $$PWD/images/percentbarseries-icon.png \
+    $$PWD/images/percentbarseries-icon16.png \
+    $$PWD/images/pieseries-chart-icon.png \
+    $$PWD/images/pieseries-chart-icon16.png\
+    $$PWD/images/scatterseries-chart-icon.png \
+    $$PWD/images/scatterseries-chart-icon16.png\
+    $$PWD/images/splineseries-chart-icon.png \
+    $$PWD/images/splineseries-chart-icon16.png\
+    $$PWD/images/stackedbarseries-icon.png \
+    $$PWD/images/stackedbarseries-icon16.png \
+    $$PWD/images/areaseries-polar-icon.png \
+    $$PWD/images/areaseries-polar-icon16.png \
+    $$PWD/images/lineseries-polar-icon.png \
+    $$PWD/images/lineseries-polar-icon16.png \
+    $$PWD/images/scatterseries-polar-icon.png \
+    $$PWD/images/scatterseries-polar-icon16.png\
+    $$PWD/images/splineseries-polar-icon.png \
+    $$PWD/images/splineseries-polar-icon16.png
diff --git a/src/chartsqml2/designer/images/areaseries-chart-icon.png b/src/chartsqml2/designer/images/areaseries-chart-icon.png
new file mode 100644
index 00000000..6de11ec1
--- /dev/null
+++ b/src/chartsqml2/designer/images/areaseries-chart-icon.png
diff --git a/src/chartsqml2/designer/images/areaseries-chart-icon16.png b/src/chartsqml2/designer/images/areaseries-chart-icon16.png
new file mode 100644
index 00000000..81c94ebf
--- /dev/null
+++ b/src/chartsqml2/designer/images/areaseries-chart-icon16.png
diff --git a/src/chartsqml2/designer/images/areaseries-polar-icon.png b/src/chartsqml2/designer/images/areaseries-polar-icon.png
new file mode 100644
index 00000000..f1d1e4be
--- /dev/null
+++ b/src/chartsqml2/designer/images/areaseries-polar-icon.png
diff --git a/src/chartsqml2/designer/images/areaseries-polar-icon16.png b/src/chartsqml2/designer/images/areaseries-polar-icon16.png
new file mode 100644
index 00000000..2c188a86
--- /dev/null
+++ b/src/chartsqml2/designer/images/areaseries-polar-icon16.png
diff --git a/src/chartsqml2/designer/images/barseries-icon.png b/src/chartsqml2/designer/images/barseries-icon.png
new file mode 100644
index 00000000..07f6e17a
--- /dev/null
+++ b/src/chartsqml2/designer/images/barseries-icon.png
diff --git a/src/chartsqml2/designer/images/barseries-icon16.png b/src/chartsqml2/designer/images/barseries-icon16.png
new file mode 100644
index 00000000..a455eccc
--- /dev/null
+++ b/src/chartsqml2/designer/images/barseries-icon16.png
diff --git a/src/chartsqml2/designer/images/boxplotseries-chart-icon.png b/src/chartsqml2/designer/images/boxplotseries-chart-icon.png
new file mode 100644
index 00000000..08d666a7
--- /dev/null
+++ b/src/chartsqml2/designer/images/boxplotseries-chart-icon.png
diff --git a/src/chartsqml2/designer/images/boxplotseries-chart-icon16.png b/src/chartsqml2/designer/images/boxplotseries-chart-icon16.png
new file mode 100644
index 00000000..0a760ab7
--- /dev/null
+++ b/src/chartsqml2/designer/images/boxplotseries-chart-icon16.png
diff --git a/src/chartsqml2/designer/images/horizontalbarseries-icon.png b/src/chartsqml2/designer/images/horizontalbarseries-icon.png
new file mode 100644
index 00000000..70e2c482
--- /dev/null
+++ b/src/chartsqml2/designer/images/horizontalbarseries-icon.png
diff --git a/src/chartsqml2/designer/images/horizontalbarseries-icon16.png b/src/chartsqml2/designer/images/horizontalbarseries-icon16.png
new file mode 100644
index 00000000..a189a919
--- /dev/null
+++ b/src/chartsqml2/designer/images/horizontalbarseries-icon16.png
diff --git a/src/chartsqml2/designer/images/horizontalpercentbarseries-icon.png b/src/chartsqml2/designer/images/horizontalpercentbarseries-icon.png
new file mode 100644
index 00000000..b9f65057
--- /dev/null
+++ b/src/chartsqml2/designer/images/horizontalpercentbarseries-icon.png
diff --git a/src/chartsqml2/designer/images/horizontalpercentbarseries-icon16.png b/src/chartsqml2/designer/images/horizontalpercentbarseries-icon16.png
new file mode 100644
index 00000000..c4a5eee6
--- /dev/null
+++ b/src/chartsqml2/designer/images/horizontalpercentbarseries-icon16.png
diff --git a/src/chartsqml2/designer/images/horizontalstackedbarseries-icon.png b/src/chartsqml2/designer/images/horizontalstackedbarseries-icon.png
new file mode 100644
index 00000000..45c8de9e
--- /dev/null
+++ b/src/chartsqml2/designer/images/horizontalstackedbarseries-icon.png
diff --git a/src/chartsqml2/designer/images/horizontalstackedbarseries-icon16.png b/src/chartsqml2/designer/images/horizontalstackedbarseries-icon16.png
new file mode 100644
index 00000000..cb0f3097
--- /dev/null
+++ b/src/chartsqml2/designer/images/horizontalstackedbarseries-icon16.png
diff --git a/src/chartsqml2/designer/images/lineseries-chart-icon.png b/src/chartsqml2/designer/images/lineseries-chart-icon.png
new file mode 100644
index 00000000..2513ed8e
--- /dev/null
+++ b/src/chartsqml2/designer/images/lineseries-chart-icon.png
diff --git a/src/chartsqml2/designer/images/lineseries-chart-icon16.png b/src/chartsqml2/designer/images/lineseries-chart-icon16.png
new file mode 100644
index 00000000..040eb3a9
--- /dev/null
+++ b/src/chartsqml2/designer/images/lineseries-chart-icon16.png
diff --git a/src/chartsqml2/designer/images/lineseries-polar-icon.png b/src/chartsqml2/designer/images/lineseries-polar-icon.png
new file mode 100644
index 00000000..c6e14775
--- /dev/null
+++ b/src/chartsqml2/designer/images/lineseries-polar-icon.png
diff --git a/src/chartsqml2/designer/images/lineseries-polar-icon16.png b/src/chartsqml2/designer/images/lineseries-polar-icon16.png
new file mode 100644
index 00000000..3b921587
--- /dev/null
+++ b/src/chartsqml2/designer/images/lineseries-polar-icon16.png
diff --git a/src/chartsqml2/designer/images/percentbarseries-icon.png b/src/chartsqml2/designer/images/percentbarseries-icon.png
new file mode 100644
index 00000000..8847798e
--- /dev/null
+++ b/src/chartsqml2/designer/images/percentbarseries-icon.png
diff --git a/src/chartsqml2/designer/images/percentbarseries-icon16.png b/src/chartsqml2/designer/images/percentbarseries-icon16.png
new file mode 100644
index 00000000..7f32638a
--- /dev/null
+++ b/src/chartsqml2/designer/images/percentbarseries-icon16.png
diff --git a/src/chartsqml2/designer/images/pieseries-chart-icon.png b/src/chartsqml2/designer/images/pieseries-chart-icon.png
new file mode 100644
index 00000000..aaf6236b
--- /dev/null
+++ b/src/chartsqml2/designer/images/pieseries-chart-icon.png
diff --git a/src/chartsqml2/designer/images/pieseries-chart-icon16.png b/src/chartsqml2/designer/images/pieseries-chart-icon16.png
new file mode 100644
index 00000000..8c1bcde7
--- /dev/null
+++ b/src/chartsqml2/designer/images/pieseries-chart-icon16.png
diff --git a/src/chartsqml2/designer/images/scatterseries-chart-icon.png b/src/chartsqml2/designer/images/scatterseries-chart-icon.png
new file mode 100644
index 00000000..d36d010a
--- /dev/null
+++ b/src/chartsqml2/designer/images/scatterseries-chart-icon.png
diff --git a/src/chartsqml2/designer/images/scatterseries-chart-icon16.png b/src/chartsqml2/designer/images/scatterseries-chart-icon16.png
new file mode 100644
index 00000000..48d356e7
--- /dev/null
+++ b/src/chartsqml2/designer/images/scatterseries-chart-icon16.png
diff --git a/src/chartsqml2/designer/images/scatterseries-polar-icon.png b/src/chartsqml2/designer/images/scatterseries-polar-icon.png
new file mode 100644
index 00000000..7b4aad7b
--- /dev/null
+++ b/src/chartsqml2/designer/images/scatterseries-polar-icon.png
diff --git a/src/chartsqml2/designer/images/scatterseries-polar-icon16.png b/src/chartsqml2/designer/images/scatterseries-polar-icon16.png
new file mode 100644
index 00000000..39dd5332
--- /dev/null
+++ b/src/chartsqml2/designer/images/scatterseries-polar-icon16.png
diff --git a/src/chartsqml2/designer/images/splineseries-chart-icon.png b/src/chartsqml2/designer/images/splineseries-chart-icon.png
new file mode 100644
index 00000000..7bab8822
--- /dev/null
+++ b/src/chartsqml2/designer/images/splineseries-chart-icon.png
diff --git a/src/chartsqml2/designer/images/splineseries-chart-icon16.png b/src/chartsqml2/designer/images/splineseries-chart-icon16.png
new file mode 100644
index 00000000..3f8ad913
--- /dev/null
+++ b/src/chartsqml2/designer/images/splineseries-chart-icon16.png
diff --git a/src/chartsqml2/designer/images/splineseries-polar-icon.png b/src/chartsqml2/designer/images/splineseries-polar-icon.png
new file mode 100644
index 00000000..204510fa
--- /dev/null
+++ b/src/chartsqml2/designer/images/splineseries-polar-icon.png
diff --git a/src/chartsqml2/designer/images/splineseries-polar-icon16.png b/src/chartsqml2/designer/images/splineseries-polar-icon16.png
new file mode 100644
index 00000000..0c702d8a
--- /dev/null
+++ b/src/chartsqml2/designer/images/splineseries-polar-icon16.png
diff --git a/src/chartsqml2/designer/images/stackedbarseries-icon.png b/src/chartsqml2/designer/images/stackedbarseries-icon.png
new file mode 100644
index 00000000..fd118908
--- /dev/null
+++ b/src/chartsqml2/designer/images/stackedbarseries-icon.png
diff --git a/src/chartsqml2/designer/images/stackedbarseries-icon16.png b/src/chartsqml2/designer/images/stackedbarseries-icon16.png
new file mode 100644
index 00000000..ea8a8954
--- /dev/null
+++ b/src/chartsqml2/designer/images/stackedbarseries-icon16.png
diff --git a/src/chartsqml2/designer/qtcharts.metainfo b/src/chartsqml2/designer/qtcharts.metainfo
new file mode 100644
index 00000000..dad6e530
--- /dev/null
+++ b/src/chartsqml2/designer/qtcharts.metainfo
@@ -0,0 +1,227 @@
+MetaInfo {
+    Type {
+        name: "QtCharts.AreaSeries"
+        icon: "images/areaseries-chart-icon16.png"
+
+        ItemLibraryEntry {
+            name: "Area"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/areaseries-chart-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/AreaSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.BarSeries"
+        icon: "images/barseries-icon16.png"
+
+        ItemLibraryEntry {
+            name: "Bar"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/barseries-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/BarSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.BoxPlotSeries"
+        icon: "images/boxplotseries-chart-icon16.png"
+
+        ItemLibraryEntry {
+            name: "BoxPlot"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/boxplotseries-chart-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/BoxPlotSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.HorizontalBarSeries"
+        icon: "images/horizontalbarseries-icon16.png"
+
+        ItemLibraryEntry {
+            name: "H.Bar"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/horizontalbarseries-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/HorizontalBarSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.HorizontalPercentBarSeries"
+        icon: "images/horizontalpercentbarseries-icon16.png"
+
+        ItemLibraryEntry {
+            name: "H.PercentBar"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/horizontalpercentbarseries-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/HorizontalPercentBarSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.HorizontalStackedBarSeries"
+        icon: "images/horizontalstackedbarseries-icon16.png"
+
+        ItemLibraryEntry {
+            name: "H.StackedBar"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/horizontalstackedbarseries-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/HorizontalStackedBarSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.LineSeries"
+        icon: "images/lineseries-chart-icon16.png"
+
+        ItemLibraryEntry {
+            name: "Line"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/lineseries-chart-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/LineSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.PercentBarSeries"
+        icon: "images/percentbarseries-icon16.png"
+
+        ItemLibraryEntry {
+            name: "Percent"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/percentbarseries-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/PercentBarSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.PieSeries"
+        icon: "images/pieseries-chart-icon16.png"
+
+        ItemLibraryEntry {
+            name: "Pie"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/pieseries-chart-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/PieSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.ScatterSeries"
+        icon: "images/scatterseries-chart-icon16.png"
+
+        ItemLibraryEntry {
+            name: "Scatter"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/scatterseries-chart-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/ScatterSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.SplineSeries"
+        icon: "images/splineseries-chart-icon16.png"
+
+        ItemLibraryEntry {
+            name: "Spline"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/splineseries-chart-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/SplineSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.StackedBarSeries"
+        icon: "images/stackedbarseries-icon16.png"
+
+        ItemLibraryEntry {
+            name: "StackedBar"
+            category: "Qt Charts - ChartView"
+            libraryIcon: "images/stackedbarseries-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/StackedBarSeries.qml" }
+        }
+    }
+
+    Type {
+        name: "QtCharts.AreaSeries"
+        icon: "images/areaseries-polar-icon16.png"
+
+        ItemLibraryEntry {
+            name: "Area"
+            category: "Qt Charts - PolarChartView"
+            libraryIcon: "images/areaseries-polar-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/PolarAreaSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.LineSeries"
+        icon: "images/lineseries-polar-icon16.png"
+
+        ItemLibraryEntry {
+            name: "Line"
+            category: "Qt Charts - PolarChartView"
+            libraryIcon: "images/lineseries-polar-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/PolarLineSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.ScatterSeries"
+        icon: "images/scatterseries-polar-icon16.png"
+
+        ItemLibraryEntry {
+            name: "Scatter"
+            category: "Qt Charts - PolarChartView"
+            libraryIcon: "images/scatterseries-polar-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/PolarScatterSeries.qml" }
+        }
+    }
+    Type {
+        name: "QtCharts.SplineSeries"
+        icon: "images/splineseries-polar-icon16.png"
+
+        ItemLibraryEntry {
+            name: "Spline"
+            category: "Qt Charts - PolarChartView"
+            libraryIcon: "images/splineseries-polar-icon.png"
+            version: "2.0"
+            requiredImport: "QtCharts"
+
+            QmlSource { source: "default/PolarSplineSeries.qml" }
+        }
+    }
+}