ウィキっとく? sandbox

※上記の広告は60日以上更新のないWIKIに表示されています。更新することで広告が下部へ移動します。

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の色をつけてみる
    1. //チャート用swf設定
    2. YAHOO.widget.Chart.SWFURL = "http://yui.yahooapis.com/2.6.0/build/charts/assets/charts.swf";
    3. //データ作成
    4. var myData = [{name:"鎌田", num1:10},
    5. {name:"福田", num1:20},
    6. {name:"城", num1:30},
    7. {name:"吉田", num1:40}
    8. ];
    9. //データソース作成
    10. var myDataSource = new YAHOO.util.DataSource(myData);
    11. myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
    12. myDataSource.responseSchema = {
    13. fields: [
    14. "name",
    15. "num1"
    16. ]
    17. };
    18. //チャート作成
    19. var myChart = new YAHOO.widget.ColumnChart("myChart", myDataSource, {xField: "name", yField: "num1"});
名前:
コメント: