@@ -34,7 +34,7 @@ Showable {
3434 property var infographicModel
3535 property bool draggable: true
3636
37− property alias showInfographic: infographicsLoader.active
37+ property bool showInfographic: false
3838 property real infographicsLeftMargin: 0
3939 property real infographicsTopMargin: 0
4040 property real infographicsRightMargin: 0
@@ -108,15 +108,8 @@ Showable {
108108 visible: false
109109 }
110110
111− Loader {
112− id: infographicsLoader
113− objectName: "infographicsLoader"
114− sourceComponent:Infographics {
115− id: infographics
116− objectName: "infographics"
117− model: root.infographicModel
118− clip: true // clip large data bubbles
119− }
111+ Item {
112+ id: infographicsArea
120113
121114 anchors {
122115 leftMargin: root.infographicsLeftMargin
@@ -130,6 +123,20 @@ Showable {
130123 }
131124 }
132125
126+ Loader {
127+ id: infographicsLoader
128+ objectName: "infographicsLoader"
129+ active: root.showInfographic && infographicsArea.width > units.gu(32)
130+ anchors.fill: infographicsArea
131+
132+ sourceComponent:Infographics {
133+ id: infographics
134+ objectName: "infographics"
135+ model: root.infographicModel
136+ clip: true // clip large data bubbles
137+ }
138+ }
139+
133140 Label {
134141 id: swipeHint
135142 objectName: "swipeHint"