बस कुछ लिखना चाहता हूं.

creating a selectable chart in yui chart api.

2009-05-01T01:30:00.000-07:00

yahoo chart api modifies the responseSchema after the call to chart widget,so if you try to change dynamically the passed schema to id you may face problems.
e.g. if the passed schema to chart widget is
myDataSource.responseSchema =
{
fields: [ "rupees", "share1", "share2","share3","share4"]
};

and after the call to chart widget you try to access the array responseSchema's named subscript fields' first element you may not get it, coz it gets gets changed to the key value pair.
If you want to change/update the schema dynamically you have to redraw the chart (if anyone knows better way - plz let me know).

below the example for creating a line chart using yui chart api and dynamically changing the schema to create a selectable graph.

download yui and install it as webapps in any server of your choice - i did it in tomcat

below code is for creating a line chart using YUI where using checkboxes you can select the data to show.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Learning Yahoo charts</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="assets/yui.css" >
<style>

/*Supplemental CSS for the YUI distribution*/
#custom-doc { width: 95%; min-width: 950px; }
#pagetitle {background-image: url(../../assets/bg_hd.gif);}
#pagetitle h1 {background-image: url(../../assets/title_h_bg.gif);}

</style>

<link rel="stylesheet" type="text/css" href="assets/dpSyntaxHighlighter.css">

<link rel="stylesheet" type="text/css" href="build/button/assets/skins/sam/button.css" />
<script type="text/javascript" src="build/yuiloader/yuiloader-min.js"></script>
<script type="text/javascript" src="build/dom/dom-min.js"></script>
<script type="text/javascript" src="build/event/event-min.js"></script>
<script type="text/javascript" src="build/json/json-min.js"></script>
<script type="text/javascript" src="build/element/element-min.js"></script>
<script type="text/javascript" src="build/datasource/datasource-min.js"></script>
<script type="text/javascript" src="build/charts/charts-min.js"></script>
<script type="text/javascript" src="build/button/button-min.js"></script>


<style type="text/css">
#chart
{
width: 750px;
height: 350px;
}

.chart_title
{
display: block;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.4em;
}
</style>


<script type="text/javascript">
//enable passthrough of errors from YUI Event:
if ((typeof YAHOO !== "undefined") && (YAHOO.util) && (YAHOO.util.Event)) {
YAHOO.util.Event.throwErrors = true;
}
function changeMods(){
var fields = myDataSource.responseSchema.fields;
var modFields = new Array();
var schema = new Array(1);
var length = 0;
var count=0;

length = document.forms[0].mod.length;
modFields[count++] = "rupees";

for(var i=0;i<length; i++){
if(document.forms[0].mod[i].checked){
modFields[count++] = document.forms[0].mod[i].value;
}
}
schema['fields'] = modFields;
myDataSource.responseSchema = schema;
var mychart = new YAHOO.widget.LineChart( "chart", myDataSource, stfStyle);

return;

}

</script>
</head>
<body id="yahoo-com" class=" yui-skin-sam">
<div id="custom-doc" class="yui-t2">

<div id="chart">
Unable to load Flash content.
The YUI Charts Control requires Flash Player 9.0.45 or higher.
You can download the latest version of Flash Player from the
<a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player Download Center</a>.</p>
</div>

<script type="text/javascript">

YAHOO.widget.Chart.SWFURL = "build/charts/assets/charts.swf";

//--- data

YAHOO.example.monthlyExpenses =
[
{ rupees: "1-Mar", share1: 80, share2: 70,share3:99,share4:60},
{ rupees: "2-Mar", share1: 90, share2: 80,share3:98,share4:70},
{ rupees: "3-Mar", share1: 100,share2: 81,share3:97,share4:80},
{ rupees: "4-mar", share1: 99, share2: 75,share3:99,share4:85},
{ rupees: "5-mar", share1: 95, share2: 85,share3:98,share4:90},
{ rupees: "6-mar", share1: 98, share2: 90,share3:100,share4:92},
{ rupees: "7-Mar", share1: 80, share2: 70,share3:99,share4:60},
{ rupees: "8-Mar", share1: 90, share2: 80,share3:98,share4:70},
{ rupees: "9-Mar", share1: 100,share2: 81,share3:97,share4:80},
{ rupees: "10-mar", share1: 99, share2: 75,share3:99,share4:85},
{ rupees: "11-mar", share1: 95, share2: 85,share3:98,share4:90},
{ rupees: "12-mar", share1: 98, share2: 90,share3:100,share4:92},
{ rupees: "13-mar", share1: 99, share2: 75,share3:99,share4:85},
{ rupees: "14-mar", share1: 95, share2: 85,share3:98,share4:90},
{ rupees: "15-mar", share1: 98, share2: 90,share3:100,share4:92},
{ rupees: "16-mar", share1: 99, share2: 75,share3:99,share4:85},
{ rupees: "17-mar", share1: 95, share2: 85,share3:98,share4:90},
{ rupees: "18-mar", share1: 98, share2: 90,share3:100,share4:92},
{ rupees: "19-mar", share1: 99, share2: 75,share3:99,share4:85},
{ rupees: "20-mar", share1: 95, share2: 85,share3:98,share4:90},
{ rupees: "21-mar", share1: 98, share2: 90,share3:100,share4:92},
{ rupees: "22-mar", share1: 99, share2: 75,share3:99,share4:85},
{ rupees: "23-mar", share1: 95, share2: 85,share3:98,share4:90},
{ rupees: "24-mar", share1: 98, share2: 90,share3:100,share4:92},
{ rupees: "25-mar", share1: 98, share2: 90,share3:100,share4:92},
{ rupees: "26-mar", share1: 98, share2: 90,share3:100,share4:92},
{ rupees: "27-mar", share1: 98, share2: 90,share3:100,share4:92},
{ rupees: "29-mar", share1: 98, share2: 90,share3:100,share4:92},
{ rupees: "30-mar", share1: 98, share2: 90,share3:100,share4:92},
{ rupees: "31-mar", share1: 98, share2: 90,share3:100,share4:92}
];

var mods = new Array();
mods[0] = "share1";
mods[1] = "share2";
mods[2] = "share3";
mods[3] = "share4";

var myDataSource = new YAHOO.util.DataSource( YAHOO.example.monthlyExpenses );
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
myDataSource.responseSchema =
{
fields: [ "rupees", "share1", "share2","share3","share4"]
};

//--- chart

var seriesDef =
[
{ displayName: "share1", yField: "share1" },
{ displayName: "share2", yField: "share2" },
{ displayName: "share3", yField: "share3" },
{ displayName: "share4", yField: "share4" }
];

getDataTipText = function( item, index, series )
{
var toolTipText = series.displayName + " for " + item.rupees;
toolTipText += "\n" + item[series.yField] ;

return toolTipText;
}

var currencyAxis = new YAHOO.widget.NumericAxis();

var stfStyle={
series: seriesDef,
xField: "rupees",
yAxis: currencyAxis,
dataTipFunction: getDataTipText,
style:
{
padding: 20,
legend:
{
display: "right",
padding: 10,
spacing: 5,
font:
{
family: "Arial",
size: 13
}
}
},
//only needed for flash player express install
expressInstall: "assets/expressinstall.swf"
};

var mychart = new YAHOO.widget.LineChart( "chart", myDataSource, stfStyle);

</script>

<form>
<input type="checkbox" name="mod" checked value="share1" onclick="changeMods()"> Share1
<input type="checkbox" name="mod" checked value="share2" onclick="changeMods()"> Share2
<input type="checkbox" name="mod" checked value="share4" onclick="changeMods()"> Share3
<input type="checkbox" name="mod" checked value="share3" onclick="changeMods()"> Share4
</form>

</body>
</html>

अब तुम आग़ोश-ऐ-तस्सवुर में भी आया न करो

2007-05-01T03:33:00.000-07:00

अब तुम आग़ोश-ऐ-तस्सवुर में भी आया न करो
मुझसे बिखरे हुये गेसु नहीं देखे जाते
सुर्ख़ आंखो की कसम, कांपती पलकों की कसम
थरथराते हुये आंसू नहीं देखे जाते
अब तुम आग़ोश-ऐ-तस्सवुर में भी आया न करो....

अब तुम आग़ोश-ऐ-तस्सवुर में भी आया न करो
मेरी आहों से ये रुखसार न कुमला जायें
ढूंढती होगी तुम्हें रस में नहाई हूयी रात
जायो कलियां न कहीं सेज की मुर्झा जायें
अब तुम आग़ोश-ऐ-तस्सवुर में भी आया न करो.....

अब तुम आग़ोश-ऐ-तस्सवुर में भी आया न करो
मैं इस उजड़े हुये पहलू में बैठा लूं न कहीं
लब-ऐ-शीरीं का नमक, आरिज-ऐ-नमकीं की मिठास
अपने तरसे हुये होठों में चुरा लूं कहीं
अब तुम आग़ोश-ऐ-तस्सवुर में भी आया न करो..........

कैफी आज़मीं..

आफत की शोख़ियां हैं..

2007-04-09T06:05:00.000-07:00

आफत की शोख़ियां है तुम्हारी निगाह में...
मेहशर के फितने खेलते हैं जल्वा-गाह में..

आती है बात बात मुझे याद बार बार..
कहता हूं दोड़ दोड़ के कासिद से राह में..

मुश्ताक इस अदा के बहुत दर्दमंद थे..
ऐ-दाग़ तुम तो बैठ गये ऐक आह में....

दाग़ देहलवी...

चंद कलियां निशात की चुन कर

2007-03-21T01:54:00.000-07:00

चंद कलियां निशात की चुन कर,
मुद्दतों मह्व-ऐ-यास रहता हूं...
तेरी मिलना ख़ुशी की बात सही,
तुझ से मिल कर उदास रहता हूँ..

साहिर लुधियानवी...

यह इंतज़ार ग़लत है

2007-01-24T04:52:00.000-08:00

यह इंतज़ार ग़लत है कि शाम हो जाये ।
जो हो सके तो अभी दोर-ऐ-जाम हो जाये ।।
मुझ जैसे रिन्द को भी हश्र में यारब ।
बुला लिया है तो कुछ इंतज़ाम हो जाये ।।

नहीं पता किसका है ।।

हंगामा-ऐ-ग़म से तंग आकर

2007-01-10T05:50:00.000-08:00

हंगामा-ऐ-ग़म से तंग आकर, इज़हार-ऐ-मुहब्बत कर बैठे ।
मश़हूर थी अपनी ज़िदादिली, दानिश्ता शरारत कर बैठे ।।

कोशिश तो बहुत की हमने मग़र, पाया न ग़म-ए-हस्ती का मफ़र ।
वीरानी-ए-दिल जब हद से बड़ी, घबरा के मुहब्बत कर बैठे ।।

नज़रों से न करते पुरसिश-ए-ग़म, ख़ामोश ही रहना बेहतर था ।
दीवानों को तुमने छेड़ दिया, वल्लाह कयामत कर बैठे ।।

हर चीज़ नहीं इक मरकज़ पर, इक रोज़ इधर इक रोज़ उधर ।
नफरत से न देशो दुश्मन को, शायद ये मुहब्बत कर बैठे ।।

शकील बदायूनी...

अपना ग़म लेके कहीं ओर न जाया जाऐ,

2006-10-17T06:39:00.000-07:00

अपना ग़म लेके कहीं ओर न जाया जाऐ,
घर में बिखरी हुई चीज़ों को सवाँरा जाऐ..

जिन चराग़ों को हवाओं का कोई ख़ोफ़ नहीं
उन चराग़ों को हवाओं से बचाया जाऐ..

ब़ाग़ में जाने के आदाब हुया करते है,
किसि तितली को न फूलों से उड़ाया जाये..

खुदकुशी करने की हिम्मत नहीं होती सबमें
ओर कुछ दिन युहीं ओरों को सताया जाऐ..

घर से मस्जिद है बहुत दूर चलो यूँ कर लें,
किसि रोते हुये बच्चे को हँसाया जाऐ...

निदा फाज़ली...

नज़र

2006-06-09T04:04:00.000-07:00

वो जो ऐक नज़र की जुबिश से, सब दिल की बाज़ी लूट गया ।
वो जिस से नज़रें चार हुईं ओर हाथ से साग़र छूट गया ।।
दिल उसका भी है, दिल मेरा भी, है फर्क तो बस इतना सा शकील ।
वो पत्थर था जो साबुत है, ये शीशा था जो टूट गया ।।

शकील बदायूनी....

मुहब्बत के ख़त

2006-06-06T03:24:00.000-07:00

खत मुहब्बत के बरवक्त जो मयस्सर होते ।
हां तेरे सर की कसम हम आज तेरे शोहर होते ।।
शाहज़ादी ना बिछड़ता तेरा महबूब कभी ।
डाक खाने में मुलाज़िम ग़र कबूतर होते ।।

फिर से...

2006-05-28T03:18:00.000-07:00

फिर से मोसम बहारों का आने को है, फिर से रंगे ज़माना बदल जायेगा...
अबकी बज़्म-ए-चरागां सजा लेंगे हम, यह भी अरमान दिल का निकल जायेगा...

आप कर दें जो मुझ पे निगाहे करम, मेरी उल्फत का रह जायेगा कुछ भरम..
यूं फसाना तो मेरा रहेगा वोही, सिर्फ उन्वान उस का बदल जायेगा...

फीकी-फीकी सी क्यों शाम-ए-मयखाना है, लुत्फे साकी भी कम खाली पयमाना है..
अपनी नज़रों से ही कुछ पिला दीजीये, रंग महफिल का खुद ही बदल जायेगा...

मेरे मिटने का उनको ज़रा ग़म नहीं, ज़ुल्फ भी उनकी ए-दोस्त बरहम नहीं...
अपने होने न होने से होता है क्या, काम दुनिया का यूं भी तो चल जायेगा...

आप ने दिल जो ज़ाहिद का तोड़ा तो क्या, आप ने उस की दुनिया को छोड़ा तो क्या..
आप इतने भी आखिर परेशां न हों, वो संभलते संभलते संभल जायेगा...

ज़ाहिद......

2006-05-28T02:20:00.000-07:00

दिले नादां तुझे हुया क्या है..
आखिर इस दर्द की दवा क्या है..

हम हैं मुश्ताक ओर वो बेज़ार..
या इलाही ये माजरा क्या है...

मैं भी मुहं में ज़बान रखता हूं...
काश पूछो कि मुद्दा क्या है...

जब कि तुझ बिन नहीं कोई मोजूद..
फिर यह हंगामा ऐ खुदा क्या है...

मिर्ज़ा ग़ालिब...

यू टर्न..

2006-05-26T02:00:00.000-07:00

yvle Wb{ fUe m\zfU vh
brn˜tYk be˜ fu vÀ:h lnek ˜dt;e nî,
Wlvh mkÏgtYk lnek Fw=Jt;e nî,
ydh \fwU=h; ne r˜F =u
;tu vÀ:h fu ytdu
Îtlt vti"t ˜dJt;e nî>
cý; vqAlu vh
yt=hKegt lu rfUgt ôJefUth
rfU fUh awfUe nî ;em vth>
bîlu fUnt_
ctr˜fu !
btlt, ;em vth fUh awfUe ntu,
vh ˜d;t ni
fwA v\ztJtü vh
fwA \ßgt=t ne =uh h¥fUe ntu>
a˜tu buhe NwCfUtblt ni rfU
mtkmtü fUe mJthe fUtu
yrJhtb Fu;e hntu,
ytih Wb{ fUe m\zfU vh
bti\fUt vt;u ne
gq xlo ˜u;e hntu>

श्री अशोक चक्रधर..

दिल गया

2006-05-26T01:36:00.000-07:00

दिल गया तुमने लिया हम क्या करें...
जाने वाली चीज़ का ग़म क्या करें....

पूरे होंगे अपने अरमां किस तरह..
शोंक बेहद, वक्त है कम, क्या करें....

बक्श दें प्यार की ग़ुस्ताखीयां..
दिल ही काबू में नही, हम क्या करें...

तुंद-खूं है कब सुने वो दिल की बात..
ओर भी बरहम को बरहम क्या करें....

एक साग़र पर है अपनी ज़िंदगी..
रफ्ता रफ्ता इस्से भी कम क्या करें....

कर चुके सब अपनी अपनी हिकमते...
दम निकलता है, ऐ-हमदम क्या करें....

मामला है आज हुस्नो-इश्क का...
देखीये वो क्या करें, हम क्या करें....

कह रहे अहले सिफारिश हम से दाग़....
तेरी किस्मत है बुरी हम क्या करें.....

दाग़ देहलवी

इक रोज़..

2006-05-25T00:34:00.000-07:00

इक रोज़ हमसे कहने लगी एक ग़ुल बदन..
ऐनक से बांध रखी है क्यों आप ने रसन (डोरी)..
मिल्ता है क्या इसी से यह अंदाज़-ऐ-फिक्र-ओ-फन..
हम ने कहा के ऐसा नहीं है जनाब-ऐ-मन..
बैठे जहां हसीं हों इक बज्मो-आम में..
रखतें हैं हम निगाह को अपनी लगाम में....

साग़र ख़य्यामी...

2006-05-24T05:26:00.000-07:00

बदला न अपने आप को, जो थे वोही रहे..
मिल्ते रहे सभी से मगर, अजनबी रहे...
दुनिया न जीत पायो तो हारो न खुद को तुम..
थोड़ी बहुत तो जहां में, नाराज़गी रहे...
अपनी तरह सभी को किसी की तलाश थी..
हम जिस्के भी क़रीब रहे, दूर ही रहे...
ग़ुज़रो जो बाग़ से तो दुया मांगते चलो..
जिस्मे खिलें हैं फूल वो डाली हरी रहे...

निदा फाज़ली.....

जूते

2006-05-19T02:10:00.000-07:00

इक शाम किसी बज़्म में जूते जो खो गये..
हम ने कहा बताईये घर कैसे जाऐंगे...
कहने लगे के शेर बस कहते रहो युहीं....
गिनते नहीं बनेंगे अभी इतने आऐंगे.....

साग़र खय्यामी....

बेसबब तो न थी तेरी यादें........

2006-05-16T01:13:00.001-07:00

बेसबब तो न थी तेरी यादें..
तेरी यादो से कया नही सीखा ...
जब्त का हौसला बारहा लेना....
आँसुंओं को कभी छुपा लेना....
चुप की चादर को औढ कर सोना...
बेसबब भी कभी कभी हसना...
जब भी हो बात कोई तेरी मेरी...
मौजु-ए-गुफतगु बदल देना...
बेसबब तो न थी तेरी यादें..
तेरी यादो से कया नही सीखा ...

पहला शेर

2006-05-16T01:03:00.000-07:00

कीजो ग़ालिब मुझे तल्खनवाई से माफ,
आज सीने मे मेरे दर्द सा होता है.....