View Full Version : hidden true not working

20 Nov 2012, 2:11 AM
I am trying below code and want to hide the chart at the starting and later on button click I want to show it but it is not hiding the chart.

Ext.define('RA.view.Panel1', {
extend: 'Ext.Panel',
xtype: 'panel1',
requires: [
config: {
id: 'Panel1',
layout: {type: 'vbox', pack: 'center'},
flex: 1,
style: "background-color: black; color:white",
items: [
xtype: 'chart',
hidden: true,
id: 'chart1',
//html: "<h1 style = 'color: red'>To configure this chart, tap this panel, click Settings to select axes, chart type, granularity, etc., then click Select Dates to select start and end dates.</h1>"

xtype: 'button',
html: 'Add chart',
ui: 'confirm',
style: 'font-size: 14px; margin-left: 60px; margin-right: 60px; margin-top: 5px; margin-bottom: 5px;',

I tried below code to hide the chart in app.js but it is not hiding the chart :

var charts = Ext.ComponentQuery.query('#Panel1 > chart');
Ext.Array.each(charts, function(chart){

if (chart.getId()=='chart1')


21 Nov 2012, 2:56 PM
This using the deprecated Touch Charts 2 beta or the new charts within ST 2.1.0?

21 Nov 2012, 9:14 PM
Chart beta 2.0