縦棒グラフ(2D) > set-link

<set link="index.html">

棒グラフをクリックした際のリンク先URLを指定します。
棒グラフ上でマウスカーソルがポインタに変わり、クリックすると指定したURLに移動します。
target指定はできません。
?や&記号を用いてGETパラメータを渡すこともできます。
デフォルトはリンクなしです。


サンプル JanとFebの棒グラフにリンクを追加


<div id="chartdiv"></div>

<script type="text/javascript"
src="./Charts/FusionCharts.js"></script>
<script type="text/javascript">
var chart =
 new FusionCharts("./Charts/FCF_Column2D.swf", "ChartId", "400", "300");

var xmlData = '';
xmlData += '<graph caption="Monthly Unit Sales" xAxisName="Month"
 yAxisName="Units" decimalPrecision="0" formatNumberScale="0">';
xmlData += '  <set name="Jan" value="462" color="AFD8F8" link="http://www.yahoo.co.jp/"/>';
xmlData += '  <set name="Feb" value="857" color="F6BD0F" link="1.html" />';
xmlData += '  <set name="Mar" value="671" color="8BBA00" />';
xmlData += '  <set name="Apr" value="494" color="FF8E46" />';
xmlData += '  <set name="May" value="761" color="008E8E" />';
xmlData += '  <set name="Jun" value="920" color="D64646" />';
xmlData += '</graph>';

chart.setDataXML(xmlData);
chart.render("chartdiv");
</script>


最終更新:2009年11月19日 15:57
ツールボックス

下から選んでください:

新しいページを作成する
ヘルプ / FAQ もご覧ください。