Sencha Charts - renders incorrect when there are a large number of data points

[bentoo42]

I am using Sencha Charts. In google chrome, when the number of data points is large (i.e. 512) and the screen width is narrow, the chart does NOT appear properly. It appears to be a rounding issue. However, when the screen is wide, it appears as expected.

Please see my attached screenshots.

Here is my chart code:

Ext.define('MyApp.view.LineChart', {
extend: 'Ext.chart.CartesianChart',
alias: 'widget.lineChart',


config: {
store: 'DailyWeightMeasurementsStore',
axes: [
{
type: 'time',
fields: [
'date'
],
title: 'Time (seconds)',
dateFormat: 'm-d',
fromDate: 'Tue Jan 01 2013 00:00:00 GMT-0800 (Pacific Standard Time)',
toDate: 'Tue Jan 15 2013 00:00:00 GMT-0800 (Pacific Standard Time)'
},
{
type: 'numeric',
fields: [
'weight'
],
grid: {
odd: {
fill: '#e8e8e8'
}
},
position: 'left',
title: 'Weight',
titleMargin: 10
}
],
series: [
{
type: 'line',
highlightCfg: {
size: 7,
radius: 7
},
marker: {
type: 'path',
path: [
'M',
-2,
0,
0,
2,
2,
0,
0,
-2,
'Z'
],
stroke: 'blue',
lineWidth: 0
},
style: {
stroke: '#115fa6',
lineWidth: 2,
fill: '#115fa6',
fillOpacity: 0.6,
miterLimit: 3,
lineCap: 'miter',
smooth: true,
highlight: {
size: 7,
radius: 7
}
},
xField: 'date',
yField: 'weight'
}
],
interactions: [
{
type: 'panzoom'
},
{
type: 'iteminfo'
}
]
},


showInfo: function(iteminfo, item, panel, eOpts) {
var storeItem = item.storeItem;
panel.setHtml(['<ul><li><b>Date: </b>' + storeItem.get('date') + '</li>',
'<li><b>Weight: </b> ' + item.weight[1] + '</li></ul>'].join(''));
}


});




Here is my example data set encoded as JSON:

"[{"weight":"1401027","date":1361810345923},{"weight":"1401343","date":1361896745923},{"weight":"1401051","date":1361983145923},{"weight":"1401285","date":1362069545923},{"weight":"1401460","date":1362155945923},{"weight":"1401070","date":1362242345923},{"weight":"1401336","date":1362328745923},{"weight":"1401103","date":1362415145923},{"weight":"1401296","date":1362501545923},{"weight":"1401178","date":1362587945923},{"weight":"1401002","date":1362674345923},{"weight":"1401323","date":1362760745923},{"weight":"1401004","date":1362847145923},{"weight":"1401283","date":1362933545923},{"weight":"1402487","date":1363019945923},{"weight":"1420602","date":1363106345923},{"weight":"1490227","date":1363192745923},{"weight":"1523811","date":1363279145923},{"weight":"1563186","date":1363365545923},{"weight":"1631592","date":1363451945923},{"weight":"1660070","date":1363538345923},{"weight":"1695960","date":1363624745923},{"weight":"1717021","date":1363711145923},{"weight":"1694218","date":1363797545923},{"weight":"1771186","date":1363883945923},{"weight":"1912704","date":1363970345923},{"weight":"1935057","date":1364056745923},{"weight":"1921392","date":1364143145923},{"weight":"1905230","date":1364229545923},{"weight":"1907568","date":1364315945923},{"weight":"1941805","date":1364402345923},{"weight":"1933094","date":1364488745923},{"weight":"1913375","date":1364575145923},{"weight":"1924016","date":1364661545923},{"weight":"1923279","date":1364747945923},{"weight":"1917051","date":1364834345923},{"weight":"1919963","date":1364920745923},{"weight":"1924322","date":1365007145923},{"weight":"1917059","date":1365093545923},{"weight":"1925668","date":1365179945923},{"weight":"1926379","date":1365266345923},{"weight":"1917779","date":1365352745923},{"weight":"1926032","date":1365439145923},{"weight":"1921685","date":1365525545923},{"weight":"1920849","date":1365611945923},{"weight":"1921208","date":1365698345923},{"weight":"1922107","date":1365784745923},{"weight":"1919436","date":1365871145923},{"weight":"1921273","date":1365957545923},{"weight":"1920390","date":1366043945923},{"weight":"1923113","date":1366130345923},{"weight":"1919743","date":1366216745923},{"weight":"1921499","date":1366303145923},{"weight":"1920221","date":1366389545923},{"weight":"1920388","date":1366475945923},{"weight":"1921444","date":1366562345923},{"weight":"1921212","date":1366648745923},{"weight":"1920571","date":1366735145923},{"weight":"1920217","date":1366821545923},{"weight":"1920466","date":1366907945923},{"weight":"1922194","date":1366994345923},{"weight":"1919999","date":1367080745923},{"weight":"1920597","date":1367167145923},{"weight":"1920275","date":1367253545923},{"weight":"1921039","date":1367339945923},{"weight":"1922247","date":1367426345923},{"weight":"1921529","date":1367512745923},{"weight":"1921269","date":1367599145923},{"weight":"1921384","date":1367685545923},{"weight":"1920202","date":1367771945923},{"weight":"1921791","date":1367858345923},{"weight":"1923101","date":1367944745923},{"weight":"1922254","date":1368031145923},{"weight":"1921327","date":1368117545923},{"weight":"1922526","date":1368203945923},{"weight":"1919864","date":1368290345923},{"weight":"1921466","date":1368376745923},{"weight":"1920506","date":1368463145923},{"weight":"1920401","date":1368549545923},{"weight":"1921527","date":1368635945923},{"weight":"1920751","date":1368722345923},{"weight":"1920921","date":1368808745923},{"weight":"1920427","date":1368895145923},{"weight":"1920858","date":1368981545923},{"weight":"1919849","date":1369067945923},{"weight":"1920751","date":1369154345923},{"weight":"1920431","date":1369240745923},{"weight":"1920368","date":1369327145923},{"weight":"1922768","date":1369413545923},{"weight":"1920869","date":1369499945923},{"weight":"1920560","date":1369586345923},{"weight":"1920336","date":1369672745923},{"weight":"1921121","date":1369759145923},{"weight":"1920648","date":1369845545923},{"weight":"1921355","date":1369931945923},{"weight":"1920968","date":1370018345923},{"weight":"1920846","date":1370104745923},{"weight":"1921652","date":1370191145923},{"weight":"1920857","date":1370277545923},{"weight":"1920657","date":1370363945923},{"weight":"1919969","date":1370450345923},{"weight":"1922692","date":1370536745923},{"weight":"1920888","date":1370623145923},{"weight":"1920508","date":1370709545923},{"weight":"1920098","date":1370795945923},{"weight":"1921302","date":1370882345923},{"weight":"1920424","date":1370968745923},{"weight":"1921447","date":1371055145923},{"weight":"1921113","date":1371141545923},{"weight":"1920222","date":1371227945923},{"weight":"1920969","date":1371314345923},{"weight":"1920713","date":1371400745923},{"weight":"1921045","date":1371487145923},{"weight":"1920284","date":1371573545923},{"weight":"1921036","date":1371659945923},{"weight":"1920322","date":1371746345923},{"weight":"1921115","date":1371832745923},{"weight":"1920773","date":1371919145923},{"weight":"1919550","date":1372005545923},{"weight":"1921070","date":1372091945923},{"weight":"1920068","date":1372178345923},{"weight":"1921018","date":1372264745923},{"weight":"1920594","date":1372351145923},{"weight":"1920580","date":1372437545923},{"weight":"1920963","date":1372523945923},{"weight":"1920807","date":1372610345923},{"weight":"1920958","date":1372696745923},{"weight":"1920755","date":1372783145923},{"weight":"1920682","date":1372869545923},{"weight":"1921109","date":1372955945923},{"weight":"1921563","date":1373042345923},{"weight":"1920661","date":1373128745923},{"weight":"1920722","date":1373215145923},{"weight":"1921327","date":1373301545923},{"weight":"1921060","date":1373387945923},{"weight":"1920912","date":1373474345923},{"weight":"1920742","date":1373560745923},{"weight":"1920112","date":1373647145923},{"weight":"1920235","date":1373733545923},{"weight":"1925571","date":1373819945923},{"weight":"1923350","date":1373906345923},{"weight":"1924955","date":1373992745923},{"weight":"1920435","date":1374079145923},{"weight":"1924240","date":1374165545923},{"weight":"1914431","date":1374251945923},{"weight":"1923626","date":1374338345923},{"weight":"1894972","date":1374424745923},{"weight":"1940384","date":1374511145923},{"weight":"1918807","date":1374597545923},{"weight":"1923794","date":1374683945923},{"weight":"1921099","date":1374770345923},{"weight":"1913317","date":1374856745923},{"weight":"1936578","date":1374943145923},{"weight":"1922727","date":1375029545923},{"weight":"1927139","date":1375115945923},{"weight":"1904709","date":1375202345923},{"weight":"1922533","date":1375288745923},{"weight":"1918413","date":1375375145923},{"weight":"1931031","date":1375461545923},{"weight":"1915920","date":1375547945923},{"weight":"1903499","date":1375634345923},{"weight":"1923449","date":1375720745923},{"weight":"1955712","date":1375807145923},{"weight":"1904293","date":1375893545923},{"weight":"1926751","date":1375979945923},{"weight":"1837235","date":1376066345923},{"weight":"1995185","date":1376152745923},{"weight":"1915295","date":1376239145923},{"weight":"1897594","date":1376325545923},{"weight":"1951104","date":1376411945923},{"weight":"1927542","date":1376498345923},{"weight":"1808292","date":1376584745923},{"weight":"1990038","date":1376671145923},{"weight":"1882843","date":1376757545923},{"weight":"1943994","date":1376843945923},{"weight":"1887518","date":1376930345923},{"weight":"1931705","date":1377016745923},{"weight":"1890423","date":1377103145923},{"weight":"1941919","date":1377189545923},{"weight":"1899857","date":1377275945923},{"weight":"1942816","date":1377362345923},{"weight":"1892892","date":1377448745923},{"weight":"1955706","date":1377535145923},{"weight":"1914511","date":1377621545923},{"weight":"1944072","date":1377707945923},{"weight":"1900478","date":1377794345923},{"weight":"1946766","date":1377880745923},{"weight":"1912089","date":1377967145923},{"weight":"1929009","date":1378053545923},{"weight":"1931501","date":1378139945923},{"weight":"1903843","date":1378226345923},{"weight":"1910002","date":1378312745923},{"weight":"1905736","date":1378399145923},{"weight":"1911243","date":1378485545923},{"weight":"1916646","date":1378571945923},{"weight":"1922613","date":1378658345923},{"weight":"1930665","date":1378744745923},{"weight":"1957967","date":1378831145923},{"weight":"1899413","date":1378917545923},{"weight":"1908507","date":1379003945923},{"weight":"1971269","date":1379090345923},{"weight":"1919198","date":1379176745923},{"weight":"1923386","date":1379263145923},{"weight":"1930592","date":1379349545923},{"weight":"1826402","date":1379435945923},{"weight":"1946875","date":1379522345923},{"weight":"1920976","date":1379608745923},{"weight":"1933814","date":1379695145923},{"weight":"1897637","date":1379781545923},{"weight":"1936584","date":1379867945923},{"weight":"1901526","date":1379954345923},{"weight":"1927940","date":1380040745923},{"weight":"1926897","date":1380127145923},{"weight":"1927489","date":1380213545923},{"weight":"1925892","date":1380299945923},{"weight":"1910120","date":1380386345923},{"weight":"1922368","date":1380472745923},{"weight":"1906150","date":1380559145923},{"weight":"1920484","date":1380645545923},{"weight":"1922164","date":1380731945923},{"weight":"1918072","date":1380818345923},{"weight":"1914221","date":1380904745923},{"weight":"1927087","date":1380991145923},{"weight":"1931288","date":1381077545923},{"weight":"1932814","date":1381163945923},{"weight":"1915304","date":1381250345923},{"weight":"1918406","date":1381336745923},{"weight":"1922578","date":1381423145923},{"weight":"1920076","date":1381509545923},{"weight":"1931918","date":1381595945923},{"weight":"1910744","date":1381682345923},{"weight":"1931463","date":1381768745923},{"weight":"1911633","date":1381855145923},{"weight":"1910810","date":1381941545923},{"weight":"1942674","date":1382027945923},{"weight":"1897761","date":1382114345923},{"weight":"1920323","date":1382200745923},{"weight":"1937836","date":1382287145923},{"weight":"1927487","date":1382373545923},{"weight":"1927399","date":1382459945923},{"weight":"1929304","date":1382546345923},{"weight":"1848618","date":1382632745923},{"weight":"1973861","date":1382719145923},{"weight":"1906364","date":1382805545923},{"weight":"1702758","date":1382891945923},{"weight":"1635162","date":1382978345923},{"weight":"1608171","date":1383064745923},{"weight":"1552852","date":1383151145923},{"weight":"1411615","date":1383237545923},{"weight":"1407124","date":1383323945923},{"weight":"1406754","date":1383410345923},{"weight":"1406667","date":1383496745923},{"weight":"1406582","date":1383583145923},{"weight":"1406524","date":1383669545923},{"weight":"1406482","date":1383755945923},{"weight":"1406486","date":1383842345923},{"weight":"1406332","date":1383928745923},{"weight":"1406485","date":1384015145923},{"weight":"1406534","date":1384101545923},{"weight":"1406432","date":1384187945923},{"weight":"1406504","date":1384274345923},{"weight":"1406397","date":1384360745923},{"weight":"1406498","date":1384447145923},{"weight":"1406433","date":1384533545923},{"weight":"1406451","date":1384619945923},{"weight":"1406511","date":1384706345923},{"weight":"1406563","date":1384792745923},{"weight":"1406433","date":1384879145923},{"weight":"1406403","date":1384965545923},{"weight":"1406550","date":1385051945923},{"weight":"1406557","date":1385138345923},{"weight":"1406399","date":1385224745923},{"weight":"1406509","date":1385311145923},{"weight":"1406373","date":1385397545923},{"weight":"1406364","date":1385483945923},{"weight":"1406187","date":1385570345923},{"weight":"1406472","date":1385656745923},{"weight":"1406327","date":1385743145923},{"weight":"1406462","date":1385829545923},{"weight":"1406453","date":1385915945923},{"weight":"1406395","date":1386002345923},{"weight":"1406441","date":1386088745923},{"weight":"1406346","date":1386175145923},{"weight":"1406209","date":1386261545923},{"weight":"1406200","date":1386347945923},{"weight":"1406422","date":1386434345923},{"weight":"1406158","date":1386520745923},{"weight":"1406295","date":1386607145923},{"weight":"1406307","date":1386693545923},{"weight":"1406332","date":1386779945923},{"weight":"1406370","date":1386866345923},{"weight":"1406325","date":1386952745923},{"weight":"1406405","date":1387039145923},{"weight":"1406269","date":1387125545923},{"weight":"1406134","date":1387211945923},{"weight":"1406070","date":1387298345923},{"weight":"1406113","date":1387384745923},{"weight":"1406347","date":1387471145923},{"weight":"1406226","date":1387557545923},{"weight":"1406308","date":1387643945923},{"weight":"1406378","date":1387730345923},{"weight":"1406246","date":1387816745923},{"weight":"1406327","date":1387903145923},{"weight":"1406120","date":1387989545923},{"weight":"1406262","date":1388075945923},{"weight":"1406245","date":1388162345923},{"weight":"1406193","date":1388248745923},{"weight":"1406153","date":1388335145923},{"weight":"1405970","date":1388421545923},{"weight":"1406249","date":1388507945923},{"weight":"1406106","date":1388594345923},{"weight":"1406117","date":1388680745923},{"weight":"1406162","date":1388767145923},{"weight":"1406025","date":1388853545923},{"weight":"1406186","date":1388939945923},{"weight":"1406082","date":1389026345923},{"weight":"1406161","date":1389112745923},{"weight":"1405979","date":1389199145923},{"weight":"1406059","date":1389285545923},{"weight":"1406230","date":1389371945923},{"weight":"1405951","date":1389458345923},{"weight":"1406288","date":1389544745923},{"weight":"1406049","date":1389631145923},{"weight":"1406330","date":1389717545923},{"weight":"1406169","date":1389803945923},{"weight":"1406235","date":1389890345923},{"weight":"1406228","date":1389976745923},{"weight":"1406056","date":1390063145923},{"weight":"1406177","date":1390149545923},{"weight":"1405964","date":1390235945923},{"weight":"1406138","date":1390322345923},{"weight":"1406092","date":1390408745923},{"weight":"1406213","date":1390495145923},{"weight":"1406197","date":1390581545923},{"weight":"1406089","date":1390667945923},{"weight":"1406153","date":1390754345923},{"weight":"1406250","date":1390840745923},{"weight":"1405962","date":1390927145923},{"weight":"1406176","date":1391013545923},{"weight":"1406042","date":1391099945923},{"weight":"1406277","date":1391186345923},{"weight":"1406135","date":1391272745923},{"weight":"1406179","date":1391359145923},{"weight":"1406052","date":1391445545923},{"weight":"1406089","date":1391531945923},{"weight":"1406101","date":1391618345923},{"weight":"1405993","date":1391704745923},{"weight":"1406131","date":1391791145923},{"weight":"1406000","date":1391877545923},{"weight":"1406079","date":1391963945923},{"weight":"1406075","date":1392050345923},{"weight":"1405979","date":1392136745923},{"weight":"1406222","date":1392223145923},{"weight":"1406031","date":1392309545923},{"weight":"1406139","date":1392395945923},{"weight":"1406143","date":1392482345923},{"weight":"1405970","date":1392568745923},{"weight":"1406118","date":1392655145923},{"weight":"1405960","date":1392741545923},{"weight":"1406159","date":1392827945923},{"weight":"1406059","date":1392914345923},{"weight":"1405896","date":1393000745923},{"weight":"1406104","date":1393087145923},{"weight":"1405937","date":1393173545923},{"weight":"1406232","date":1393259945923},{"weight":"1406038","date":1393346345923},{"weight":"1406125","date":1393432745923},{"weight":"1406089","date":1393519145923},{"weight":"1406074","date":1393605545923},{"weight":"1406026","date":1393691945923},{"weight":"1405921","date":1393778345923},{"weight":"1406168","date":1393864745923},{"weight":"1405981","date":1393951145923},{"weight":"1405942","date":1394037545923},{"weight":"1406145","date":1394123945923},{"weight":"1406142","date":1394210345923},{"weight":"1406313","date":1394296745923},{"weight":"1406012","date":1394383145923},{"weight":"1406043","date":1394469545923},{"weight":"1405986","date":1394555945923},{"weight":"1406017","date":1394642345923},{"weight":"1406059","date":1394728745923},{"weight":"1405983","date":1394815145923},{"weight":"1406209","date":1394901545923},{"weight":"1406189","date":1394987945923},{"weight":"1406072","date":1395074345923},{"weight":"1406163","date":1395160745923},{"weight":"1406277","date":1395247145923},{"weight":"1406059","date":1395333545923},{"weight":"1406118","date":1395419945923},{"weight":"1406193","date":1395506345923},{"weight":"1406041","date":1395592745923},{"weight":"1406207","date":1395679145923},{"weight":"1406058","date":1395765545923},{"weight":"1406045","date":1395851945923},{"weight":"1406135","date":1395938345923},{"weight":"1406067","date":1396024745923},{"weight":"1406134","date":1396111145923},{"weight":"1406147","date":1396197545923},{"weight":"1406114","date":1396283945923},{"weight":"1406207","date":1396370345923},{"weight":"1406041","date":1396456745923},{"weight":"1406174","date":1396543145923},{"weight":"1406001","date":1396629545923},{"weight":"1405926","date":1396715945923},{"weight":"1405932","date":1396802345923},{"weight":"1406014","date":1396888745923},{"weight":"1406178","date":1396975145923},{"weight":"1406094","date":1397061545923},{"weight":"1406086","date":1397147945923},{"weight":"1406140","date":1397234345923},{"weight":"1406077","date":1397320745923},{"weight":"1406109","date":1397407145923},{"weight":"1405902","date":1397493545923},{"weight":"1406149","date":1397579945923},{"weight":"1406037","date":1397666345923},{"weight":"1405974","date":1397752745923},{"weight":"1406128","date":1397839145923},{"weight":"1406071","date":1397925545923},{"weight":"1406036","date":1398011945923},{"weight":"1406220","date":1398098345923},{"weight":"1406156","date":1398184745923},{"weight":"1406186","date":1398271145923},{"weight":"1406072","date":1398357545923},{"weight":"1406132","date":1398443945923},{"weight":"1406216","date":1398530345923},{"weight":"1405937","date":1398616745923},{"weight":"1406381","date":1398703145923},{"weight":"1405886","date":1398789545923},{"weight":"1406253","date":1398875945923},{"weight":"1406064","date":1398962345923},{"weight":"1406115","date":1399048745923},{"weight":"1405946","date":1399135145923},{"weight":"1406125","date":1399221545923},{"weight":"1406060","date":1399307945923},{"weight":"1406109","date":1399394345923},{"weight":"1406107","date":1399480745923},{"weight":"1406234","date":1399567145923},{"weight":"1405914","date":1399653545923},{"weight":"1406191","date":1399739945923},{"weight":"1405923","date":1399826345923},{"weight":"1406072","date":1399912745923},{"weight":"1406005","date":1399999145923},{"weight":"1406125","date":1400085545923},{"weight":"1406053","date":1400171945923},{"weight":"1405906","date":1400258345923},{"weight":"1406155","date":1400344745923},{"weight":"1406061","date":1400431145923},{"weight":"1406064","date":1400517545923},{"weight":"1406125","date":1400603945923},{"weight":"1406003","date":1400690345923},{"weight":"1406088","date":1400776745923},{"weight":"1406046","date":1400863145923},{"weight":"1406076","date":1400949545923},{"weight":"1406006","date":1401035945923},{"weight":"1405804","date":1401122345923},{"weight":"1406202","date":1401208745923},{"weight":"1406027","date":1401295145923},{"weight":"1406278","date":1401381545923},{"weight":"1405831","date":1401467945923},{"weight":"1406296","date":1401554345923},{"weight":"1406003","date":1401640745923},{"weight":"1406252","date":1401727145923},{"weight":"1406036","date":1401813545923},{"weight":"1406053","date":1401899945923},{"weight":"1406033","date":1401986345923},{"weight":"1406294","date":1402072745923},{"weight":"1406189","date":1402159145923},{"weight":"1406068","date":1402245545923},{"weight":"1406161","date":1402331945923},{"weight":"1406213","date":1402418345923},{"weight":"1406133","date":1402504745923},{"weight":"1406295","date":1402591145923},{"weight":"1406038","date":1402677545923},{"weight":"1406331","date":1402763945923},{"weight":"1406035","date":1402850345923},{"weight":"1406301","date":1402936745923},{"weight":"1406152","date":1403023145923},{"weight":"1406237","date":1403109545923},{"weight":"1406139","date":1403195945923},{"weight":"1406263","date":1403282345923},{"weight":"1406307","date":1403368745923},{"weight":"1406287","date":1403455145923},{"weight":"1406270","date":1403541545923},{"weight":"1405967","date":1403627945923},{"weight":"1406268","date":1403714345923},{"weight":"1406239","date":1403800745923},{"weight":"1406200","date":1403887145923},{"weight":"1406229","date":1403973545923},{"weight":"1406087","date":1404059945923},{"weight":"1406310","date":1404146345923},{"weight":"1406187","date":1404232745923},{"weight":"1406135","date":1404319145923},{"weight":"1406237","date":1404405545923},{"weight":"1406100","date":1404491945923},{"weight":"1406287","date":1404578345923},{"weight":"1406051","date":1404664745923},{"weight":"1406278","date":1404751145923},{"weight":"1406170","date":1404837545923},{"weight":"1406402","date":1404923945923},{"weight":"1406104","date":1405010345923},{"weight":"1406241","date":1405096745923},{"weight":"1406226","date":1405183145923},{"weight":"1406248","date":1405269545923},{"weight":"1406142","date":1405355945923},{"weight":"1406227","date":1405442345923},{"weight":"1406205","date":1405528745923},{"weight":"1406343","date":1405615145923},{"weight":"1406030","date":1405701545923},{"weight":"1406164","date":1405787945923},{"weight":"1406302","date":1405874345923},{"weight":"1406144","date":1405960745923}]"

[mitchellsimoens]

What version are you using?

[bentoo42]

I am using

http://extjs.cachefly.net/touch/senc...a-touch-all.js

[bentoo42]

I am using Sencha Touch 2.1.1 which was release on 2/5/2013