縦棒グラフ(2D) > graph-canvasBgAlpha

<graph canvasBgAlphaor="50">

グラフ自体の背景色の透過度(パーセンテージ)を0~100で指定します。
透過度0で完全に透けて見えなくなり、透過度100は透けません。
bgColorで指定した色が透けて見えます。
デフォルトは100(透過無し)です。


サンプル グラフ背景色を黄色(透過度60%)に変更


<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"
 bgColor="00FF00" canvasBgColor="FFFF00" canvasBgAlpha="60">';
xmlData += '  <set name="Jan" value="462" color="AFD8F8" /> ';
xmlData += '  <set name="Feb" value="857" color="F6BD0F" /> ';
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月13日 16:28
ツールボックス

下から選んでください:

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