Reply to thread

Message

<blockquote data-quote="Error365!" data-source="post: 17464410" data-attributes="member: 406653">hari machan mata theruna. ethakota machan php walin mama sql db ekaka data aragena e data eka variable ekakata aragena script ekata parse karana ekada? mama poddak umba kiyapu ekata sample ekak hoyala balannam.machan mama danata custom js file ekak liyala thiyanawa me eke chart eke codes. mama meka income kiyana array ekata thamai data ganna one. danata mama randomly values tikaka add karanawa mage function ekakin.[CODE]&nbsp; &nbsp; /* ---------- income with points ---------- */&nbsp; &nbsp; if ($(&quot;#incomeChart&quot;).length)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; var income = [[1, randNum() - 10], [2, randNum() - 10], [3, randNum() - 10], [4, randNum()], [5, randNum()], [6, 4 + randNum()], [7, 5 + randNum()], [8, 6 + randNum()], [9, 6 + randNum()], [10, 8 + randNum()], [11, 9 + randNum()], [12, 10 + randNum()], [13, 11 + randNum()], [14, 12 + randNum()], [15, 13 + randNum()], [16, 14 + randNum()], [17, 15 + randNum()], [18, 15 + randNum()], [19, 16 + randNum()], [20, 17 + randNum()], [21, 18 + randNum()], [22, 19 + randNum()], [23, 20 + randNum()], [24, 21 + randNum()], [25, 14 + randNum()], [26, 24 + randNum()], [27, 25 + randNum()], [28, 26 + randNum()], [29, 27 + randNum()], [30, 31 + randNum()], [31, 31 + randNum()]];&nbsp; &nbsp; &nbsp; &nbsp; var plot = $.plot($(&quot;#incomeChart&quot;),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; [{data: income, label: &quot;Income&quot;}], {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; series: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; lines: {show: true,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; lineWidth: 3,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fill: true, fillColor: {colors: [{opacity: 0.5}, {opacity: 0.2}]}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; points: {show: true},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; shadowSize: 2&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; grid: {hoverable: true,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clickable: true,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tickColor: &quot;#eee&quot;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; borderWidth: 0,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; colors: [&quot;#b1d3d4&quot;],&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xaxis: {ticks: 11, tickDecimals: 0},&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; yaxis: {ticks: 11, tickDecimals: 0},&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; function showTooltip(x, y, contents) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('&lt;div id=&quot;tooltip&quot;&gt;' + contents + '&lt;/div&gt;').css({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: 'absolute',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: 'none',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top: y + 5,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left: x + 5,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: '1px solid #fdd',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: '2px',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'background-color': '#dfeffc',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; opacity: 0.80&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }).appendTo(&quot;body&quot;).fadeIn(200);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; var previousPoint = null;&nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#incomeChart&quot;).bind(&quot;plothover&quot;, function(event, pos, item) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#x&quot;).text(pos.x.toFixed(2));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#y&quot;).text(pos.y.toFixed(2));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (item) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (previousPoint != item.dataIndex) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; previousPoint = item.dataIndex;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#tooltip&quot;).remove();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var x = item.datapoint[0].toFixed(0),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; y = item.datapoint[1].toFixed(2);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; //--------------------&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var d = new Date();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var month = new Array();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[0] = &quot;January&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[1] = &quot;February&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[2] = &quot;March&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[3] = &quot;April&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[4] = &quot;May&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[5] = &quot;June&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[6] = &quot;July&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[7] = &quot;August&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[8] = &quot;September&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[9] = &quot;October&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[10] = &quot;November&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; month[11] = &quot;December&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var n = month[d.getMonth()];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var dnm = &quot;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(x.toString() === &quot;1&quot;){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dnm = &quot;st&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(x.toString() === &quot;2&quot;){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dnm = &quot;nd&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(x.toString() === &quot;3&quot;){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dnm = &quot;rd&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(x.toString() === &quot;21&quot;){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dnm = &quot;st&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(x.toString() === &quot;22&quot;){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dnm = &quot;nd&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(x.toString() === &quot;23&quot;){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dnm = &quot;rd&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(x.toString() === &quot;31&quot;){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dnm = &quot;st&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dnm = &quot;th&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; showTooltip(item.pageX, item.pageY,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; item.series.label + &quot; of &quot; + d.getFullYear() + &quot; &quot; + n + &quot; &quot; + x + dnm +&quot; is Rs.&quot; + y);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#tooltip&quot;).remove();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; previousPoint = null;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#sincos&quot;).bind(&quot;plotclick&quot;, function(event, pos, item) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (item) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#clickdata&quot;).text(&quot;You clicked point &quot; + item.dataIndex + &quot; in &quot; + item.series.label + &quot;.&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; plot.highlight(item.series, item.datapoint);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; }[/CODE]passe me code eken thamai machan mama html page ekedi mage chart eka visible karanne[HTML]&lt;div class=&quot;span8 widget orange&quot; onTablet=&quot;span7&quot; onDesktop=&quot;span8&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;&lt;span class=&quot;glyphicons charts&quot;&gt;&lt;i&gt;&lt;/i&gt;&lt;/span&gt;Expenses chart&lt;/h2&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;hr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;expensesChart&quot;&nbsp; style=&quot;height:282px&quot; &gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;[/HTML]umbata idea ekak awada mama akrana wade gana machanthank machan help karata. mama me gana study kara kara hadagena yanne ban. smahara than patalenawa</blockquote>

[QUOTE="Error365!, post: 17464410, member: 406653"] hari machan mata theruna. ethakota machan php walin mama sql db ekaka data aragena e data eka variable ekakata aragena script ekata parse karana ekada? mama poddak umba kiyapu ekata sample ekak hoyala balannam. machan mama danata custom js file ekak liyala thiyanawa me eke chart eke codes. mama meka income kiyana array ekata thamai data ganna one. danata mama randomly values tikaka add karanawa mage function ekakin. [CODE] /* ---------- income with points ---------- */ if ($("#incomeChart").length) { var income = [[1, randNum() - 10], [2, randNum() - 10], [3, randNum() - 10], [4, randNum()], [5, randNum()], [6, 4 + randNum()], [7, 5 + randNum()], [8, 6 + randNum()], [9, 6 + randNum()], [10, 8 + randNum()], [11, 9 + randNum()], [12, 10 + randNum()], [13, 11 + randNum()], [14, 12 + randNum()], [15, 13 + randNum()], [16, 14 + randNum()], [17, 15 + randNum()], [18, 15 + randNum()], [19, 16 + randNum()], [20, 17 + randNum()], [21, 18 + randNum()], [22, 19 + randNum()], [23, 20 + randNum()], [24, 21 + randNum()], [25, 14 + randNum()], [26, 24 + randNum()], [27, 25 + randNum()], [28, 26 + randNum()], [29, 27 + randNum()], [30, 31 + randNum()], [31, 31 + randNum()]]; var plot = $.plot($("#incomeChart"), [{data: income, label: "Income"}], { series: { lines: {show: true, lineWidth: 3, fill: true, fillColor: {colors: [{opacity: 0.5}, {opacity: 0.2}]} }, points: {show: true}, shadowSize: 2 }, grid: {hoverable: true, clickable: true, tickColor: "#eee", borderWidth: 0, }, colors: ["#b1d3d4"], xaxis: {ticks: 11, tickDecimals: 0}, yaxis: {ticks: 11, tickDecimals: 0}, }); function showTooltip(x, y, contents) { $('<div id="tooltip">' + contents + '</div>').css({ position: 'absolute', display: 'none', top: y + 5, left: x + 5, border: '1px solid #fdd', padding: '2px', 'background-color': '#dfeffc', opacity: 0.80 }).appendTo("body").fadeIn(200); } var previousPoint = null; $("#incomeChart").bind("plothover", function(event, pos, item) { $("#x").text(pos.x.toFixed(2)); $("#y").text(pos.y.toFixed(2)); if (item) { if (previousPoint != item.dataIndex) { previousPoint = item.dataIndex; $("#tooltip").remove(); var x = item.datapoint[0].toFixed(0), y = item.datapoint[1].toFixed(2); //-------------------- var d = new Date(); var month = new Array(); month[0] = "January"; month[1] = "February"; month[2] = "March"; month[3] = "April"; month[4] = "May"; month[5] = "June"; month[6] = "July"; month[7] = "August"; month[8] = "September"; month[9] = "October"; month[10] = "November"; month[11] = "December"; var n = month[d.getMonth()]; var dnm = ""; if(x.toString() === "1"){ dnm = "st"; }else if(x.toString() === "2"){ dnm = "nd"; }else if(x.toString() === "3"){ dnm = "rd"; }else if(x.toString() === "21"){ dnm = "st"; }else if(x.toString() === "22"){ dnm = "nd"; }else if(x.toString() === "23"){ dnm = "rd"; }else if(x.toString() === "31"){ dnm = "st"; }else{ dnm = "th"; } showTooltip(item.pageX, item.pageY, item.series.label + " of " + d.getFullYear() + " " + n + " " + x + dnm +" is Rs." + y); } } else { $("#tooltip").remove(); previousPoint = null; } }); $("#sincos").bind("plotclick", function(event, pos, item) { if (item) { $("#clickdata").text("You clicked point " + item.dataIndex + " in " + item.series.label + "."); plot.highlight(item.series, item.datapoint); } }); } [/CODE] passe me code eken thamai machan mama html page ekedi mage chart eka visible karanne [HTML] <div class="span8 widget orange" onTablet="span7" onDesktop="span8"> <h2>Expenses chart</h2> <hr> <div id="expensesChart" style="height:282px" ></div> </div> [/HTML] umbata idea ekak awada mama akrana wade gana machan thank machan help karata. mama me gana study kara kara hadagena yanne ban. smahara than patalenawa [/QUOTE]

Verification

Haya warak paha keeyada? (haya wadi kireema paha)

Search

Latest ads

Reply to thread