Sencha touch Bar chart

**NCN** · 10 Apr 2012 9:57 AM

Hi,
I am new in sencha Touch chart , but I was trying to creating the bar chart in my local system using Aptana Studio 3.
I am facing few issue :-
> With IE-8 , it is showing "Ext.data.JsonStore" is null not an object.
> With safari nothing is showing only blank pages is coming.

Please find below of the code which I have used.

Html code :-
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<script src="sencha-touch.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>
<script src="sencha-touch-all.js" type="text/javascript"></script>
<link href="sencha-touch.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="content">
</div>
</body>
</html>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

App.js code

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
var store = new Ext.data.JsonStore({
fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
data: [
{'name':'metric one', 'data1':10, 'data2':12, 'data3':14, 'data4':8, 'data5':13},
{'name':'metric two', 'data1':7, 'data2':8, 'data3':16, 'data4':10, 'data5':3},
{'name':'metric three', 'data1':5, 'data2':2, 'data3':14, 'data4':12, 'data5':7},
{'name':'metric four', 'data1':2, 'data2':14, 'data3':6, 'data4':1, 'data5':23},
{'name':'metric five', 'data1':27, 'data2':38, 'data3':36, 'data4':13, 'data5':33}
]
});

new Ext.chart.Chart({
renderTo: "content",
width: 500,
height: 300,
animate: true,
store: store,
axes: [{
type: 'Numeric',
position: 'bottom',
fields: ['data1'],
label: {
renderer: Ext.util.Format.numberRenderer('0,0')
},
title: 'Sample Values',
grid: true,
minimum: 0
}, {
type: 'Category',
position: 'left',
fields: ['name'],
title: 'Sample Metrics'
}],
series: [{
type: 'bar',
axis: 'bottom',
highlight: true,
tips: {
trackMouse: true,
width: 140,
height: 28,
renderer: function(storeItem, item) {
this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data1') + ' views');
}
},
label: {
display: 'insideEnd',
field: 'data1',
renderer: Ext.util.Format.numberRenderer('0'),
orientation: 'horizontal',
color: '#333',
'text-anchor': 'middle'
},
xField: 'name',
yField: ['data1']
}]
});
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

can you please provide me the code which is working fine with all EXt.chart library.

Thanks in advance !!!

**mitchellsimoens** · 10 Apr 2012 10:32 AM

Are you using IE? Sencha Touch doesn't support IE.

**NCN** · 10 Apr 2012 10:39 AM

Thanks for reply !!!

I am using Mozilla firefox ,safari and google chrome as well.

can you please provide me the proper working code. which I can check in my local host.So that i can check in these browser.

**mitchellsimoens** · 10 Apr 2012 10:43 AM

Chrome and Safari are going to be the only browsers that will work. There are bar chart examples that come with Touch Charts download.

**NCN** · 10 Apr 2012 10:41 PM

Thanks for your +ve reply.

Can your Please provide the Separate List of supported browser for :-

1. Sencha Touch 2
2. Sencha Touch Charts

It will great help me to figure out for future reference.

**Jay Tanwar** · 11 Apr 2012 2:31 AM

Sencha touch (2.0 + charts 2.0 beta) is supported by only webkit browses.
i.e. Safari, chrome, ios (ipad+iphone) safari, android browser, blackberry browser.

for more info google "webkit browsers"..

**mitchellsimoens** · 11 Apr 2012 4:31 AM

Chrome for android and the Kindle Fire browser also. Not all webkit browsers are supported, may work may not but we don't support every webkit browser out there.

**NCN** · 11 Apr 2012 4:44 AM

Thanks for the reply..!!!

This menas for the Sencha Touch 2 and Sencha Touch Charts :-

For the Android application we can use :-
1 Chorem
2. Kindle Fire browser

Can your Please provide the Separate List of supported Webkit Browsers for :-

1. Sencha Touch 2
2. Sencha Touch Charts

**adammascherin** · 2 May 2012 6:38 AM

Originally Posted by NCN

Can your Please provide the Separate List of supported Webkit Browsers for :-

1. Sencha Touch 2
2. Sencha Touch Charts

This is a valid question yet no one has answered it. Could you please provide a list of supported browsers? All of your documentation says you only support webkit browsers, but now you said that "not all webkit browsers are supported". If thats the case, then I think that a complete list of supported browsers is warranted.

Sencha touch Bar chart

Thread Tools

Search Thread

Display

Unanswered: Sencha touch Bar chart

Unanswered: Sencha touch Bar chart

Support browser List Required

Support browser List Required

Webkit Browsers

Webkit Browsers