sandbox - ウィキっとく？

sandbox

HTML編集

#html2(){{{ }}}

• tableタグを書いてみる

  id	name	num1
  0001	鈴木	10
  0002	佐藤	20
  0003	小林	30
  0004	中村	40
  0005	高橋	50

javascript編集

#javascript(){{<script type="text/javascript"><!-- //--></script>}}

• 上記テーブルデータを使用してYahooUIのデータテーブルとチャートを使ってみる。
  • DataTable
  • Chart
    javascript plugin Error : このプラグインで利用できない命令または文字列が入っています。

ソースコードの表示

#highlight(linenumber,javascript){{ }}

• javascriptの色をつけてみる

  //チャート用swf設定
  YAHOO.widget.Chart.SWFURL = "http://yui.yahooapis.com/2.6.0/build/charts/assets/charts.swf";
  //データ作成
  var myData = [{name:"鎌田", num1:10},
  	{name:"福田", num1:20},
  	{name:"城", num1:30},
  	{name:"吉田", num1:40}
  ];
  //データソース作成
  var myDataSource = new YAHOO.util.DataSource(myData);
  myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
  myDataSource.responseSchema = { 
  	fields: [
  		"name",
  		"num1"
  		]
  };
  //チャート作成
  var myChart = new YAHOO.widget.ColumnChart("myChart", myDataSource, {xField: "name", yField: "num1"});