インラインデータの使用

「クイックスタート」の例を基に、スクリプトのデータをマークアップに移動して、データをインラインで表示できます。

HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを、データを含まない以下のスクリプトに置き換えます。

スクリプト	コードのコピー
<script id="scriptInit" type="text/javascript"> require(["wijmo.wijsparkline"], function () { $(document).ready(function () { $("#wijsparkline").wijsparkline({ type: "area" }); }); }); </script>

HTML ファイルの <body> セクションでは、データをインラインで保持するように
<div> タグを変更します。
マークアップ
コードのコピー

<div id="wijsparkline" style="height:50px;width:200px"> 33, 11, 15, 26, 16, 27, 37, -13, 8, -8, -3, 17, 0, 22, -13, -29, 19, 8 <div/>
HTML ファイルを保存し、ブラウザで開きます。実際のウィジェットは次のようになりますが、これは「クイックスタート」のウィジェットと同じものです。データの場所だけが変更されています。

関連トピック