టైటానియం యాక్సిలరేటర్‌తో చార్ట్‌లను ప్రదర్శిస్తుంది

మీరు యాక్సిలరేటర్ మార్కెట్‌లో కనుగొనగలిగే ti.charts మాడ్యూల్ iOS కోసం మాత్రమే. ఆండ్రాయిడ్ మరియు ఐఓఎస్ రెండింటిలోనూ పనిచేయగల మరియు చాలా సాధారణమైన చార్టులు, బార్, లైన్, పై మొదలైనవాటిని అందించగల తేలికపాటి పరిష్కారాన్ని నేను కోరుకున్నాను. దీని గురించి వెళ్ళడానికి సరళమైన మార్గం వెబ్ వీక్షణలో చార్టింగ్ జావాస్క్రిప్ట్ లైబ్రరీని ఉపయోగించడం.

నా అర్హతలు:

1. ఫాస్ట్
2. J క్వెరీ డిపెండెన్సీ లేదు
3. ప్రారంభ డ్రాలో యానిమేషన్
4. మంచి డిఫాల్ట్ స్టైలింగ్

ఇప్పుడు జావాస్క్రిప్ట్ చార్టింగ్ లైబ్రరీలు చాలా ఉన్నాయి, కానీ పైన పేర్కొన్న అన్ని అర్హతలను తీర్చగల మొత్తం చాలా లేదు. అసంఖ్యాక మొత్తం j క్వెరీపై ఆధారపడుతుంది. నేను ఇంతకుముందు j క్వెరీపై ఆధారపడిన కొన్నింటితో గందరగోళంలో ఉన్నాను, మరియు చాలా డేటా పాయింట్లు ఉన్నపుడు అవి నెమ్మదిగా రెండర్ చేసే సమయాన్ని కలిగి ఉంటాయి మరియు చాలా ఎక్కువ అంటే నేను మొత్తం చాలా కాదు. వెబ్‌వ్యూ మీరు ఉపయోగించగల అత్యంత వనరు ఇంటెన్సివ్ భాగాలలో ఒకటి, కాబట్టి విషయాలు సరళంగా ఉంచడానికి ఎక్కువ చేయవచ్చు, మంచిది.

నేను కోరుకున్నది సరిగ్గా చేసే వారాల శోధన తర్వాత మరుసటి రోజు నేను క్రొత్త లైబ్రరీలో పొరపాటు పడ్డాను. ChartJS. కస్టమ్ డేటా పాయింట్లను కూడా పంపేటప్పుడు వెబ్ వ్యూలో చార్ట్ను ఎలా అమలు చేయాలో ఇక్కడ ఉంది.

ఈ ప్రాజెక్ట్‌లో 3 ఫైళ్లు ఉన్నాయి, స్వయంచాలకంగా ఉత్పత్తి చేయబడిన ఫైల్‌లను పక్కన పెడతాయి
app.js
మూలం / chart.html
source / chart.wvjs - ఈ ఫైల్ ఇక్కడ ఉన్న Chart.js నుండి జావాస్క్రిప్ట్‌ను కలిగి ఉంది

app.js var win = Titanium.UI.createWindow ({backgroundColor: '# fff'}); var chartView = Ti.UI.createWebView ({ఎత్తు: 200, వెడల్పు: 320, ఎడమ: 0, ఎగువ: 0, షోస్క్రోల్‌బార్లు: తప్పుడు, స్పర్శ ప్రారంభించబడింది: తప్పుడు, url: '/source/chart.html'}); win.add (chartView); var బటన్ = Ti.UI.createButton ({title: 'Reenerate', top: 220, }); win.add (బటన్); button.addEventListener ('క్లిక్', ఫంక్షన్ () {var options = {options; options.data = new array (Math.floor (Math.random () * 1001), Math.floor (Math.random () * 1001), Math.floor (Math.random () * 1001), Math.floor (Math.random () * 1001), Math.floor (Math.random () * 1001%);, ఎంపికలు);}); win.open ();

క్రొత్త డేటాతో గ్రాఫ్‌ను తిరిగి గీయడానికి మా విండో, వెబ్ వీక్షణ మరియు బటన్‌ను సృష్టించడం ద్వారా మేము ప్రారంభిస్తాము. బటన్ క్లిక్ చేసినప్పుడు, మేము ఎంపికలు అనే వస్తువును సృష్టిస్తాము. 1 మరియు 1000 మధ్య 5 యాదృచ్ఛిక సంఖ్యలు ఉత్పత్తి చేయబడతాయి మరియు options.data శ్రేణికి కేటాయించబడతాయి.

Ti.App.fireEvent ను 2 వాదనలతో పిలుస్తారు. రెండర్‌చార్ట్ 1 వ అంశం ఆమోదించింది, మరియు దీని అర్థం మన కోడ్‌లో ఎక్కడో ఒకచోట, అదే పేరుతో సంబంధిత ఈవెంట్ వినేవారిని కలిగి ఉండాలి. రెండవ అంశం ఎంపికల వస్తువు. ఇప్పుడు, నేను నేరుగా శ్రేణిని ఎందుకు పాస్ చేయలేదని మీరు మీరే ప్రశ్నించుకోవచ్చు …… ఇది పనిచేయదు, ఒక వస్తువు .హించబడింది. ఆబ్జెక్ట్‌కు శ్రేణిని అటాచ్ చేయడం ద్వారా, మన HTML ఫైల్‌లో ఉన్న ఈవెంట్ వినేవారికి ఆ డేటాను పంపవచ్చు.

వెబ్ వ్యూ టైటానియంతో కమ్యూనికేట్ చేయడానికి, ఈవెంట్ హ్యాండ్లర్లను ఉపయోగించడం అవసరం. టైటానియం మరియు వెబ్‌వ్యూకి కమ్యూనికేషన్ యొక్క మార్గాన్ని తెరవడానికి ఒక మార్గం అవసరం, మరియు ఇది ఖచ్చితంగా చేస్తుంది.

అభిప్రాయాలు / chart.html

మా చార్టింగ్ లైబ్రరీ యొక్క డిఫాల్ట్ ఫైల్ పొడిగింపు .js. .Js పొడిగింపును ఉపయోగిస్తున్నప్పుడు టైటానియంతో విభేదాలు ఉన్నాయని నేను కనుగొన్నాను, కాబట్టి మీరు వెబ్ వ్యూ నుండి పిలువబడే మీ జావాస్క్రిప్ట్ ఫైళ్ళ పేరు మార్చారని నిర్ధారించుకోండి. నా ప్రాధాన్యత .wvjs, కానీ మీరు నిజంగా ఏమైనా ఉపయోగించవచ్చు.

రెండర్ చార్ట్ కోసం ఈవెంట్ లిస్టెనర్‌లో మా చార్టింగ్ జావాస్క్రిప్ట్ కోడ్ ఉందని మీరు చూడవచ్చు . ఫైర్ఈవెంట్ మా టైటానియం కోడ్ నుండి అమలు చేయబడినప్పుడు ఇది అమలు అవుతుంది. కాన్వాస్ యొక్క వెడల్పు మరియు ఎత్తు HTML కు లక్షణాలను జోడించడానికి బదులుగా జావాస్క్రిప్ట్ నుండి పేర్కొనబడ్డాయి, ఇది క్రొత్త డేటాతో క్రొత్త చార్ట్‌ను పునరుత్పత్తి చేసినప్పుడు కాన్వాస్‌లో ఉన్నదాన్ని క్లియర్ చేసే ఉద్దేశ్యంతో ఇది ఉపయోగపడుతుంది.