<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="mmres://user_interface_reference.css" rel="stylesheet" type="text/css">
<title>CFCHARTSERIES</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
   <div id="説明">
   <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
      <tr> 
         <td valign="top" class="name">CFCHARTSERIES</td>
         <td valign="top" nowrap class="compatibility">&nbsp;</td>
      </tr>
      <tr>
         <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
      </tr>


    </td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="description"><span class="title">説明</span>
<p>
cfchart タグと共に使用します。このタグでは、棒グラフ、折れ線グラフ、円グラフなど、データを表示するチャートのスタイルを定義します。 
</p>
    </td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="description"><span class="title">カテゴリ</span>
<p>
データ出力タグ、拡張タグ
</p>
  <tr>
    <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="syntax"><span class="title">シンタックス</span><pre>&lt;cfchartseries
   colorlist = &quot;list&quot;&gt;
   itemColumn=&quot;queryColumn&quot;
   markerStyle=&quot;style&quot;
   paintStyle=&quot;plain&quot;、&quot;raise&quot;、&quot;shade&quot;、&quot;light&quot; のいずれか
   query=&quot;queryName&quot;
   seriesColor=&quot;Hex value&quot; または &quot;Web color&quot;
   seriesLabel=&quot;Label Text&quot;
   type=&quot;type&quot;
   valueColumn=&quot;queryColumn&quot;
   dataLabelStyle=&quot;style&quot;
&lt;/cfchartseries&gt;
</pre>    </td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="description"><span class="title">関連項目</span>
<p>
cfchart、cfchartdata、『ColdFusion MX 開発ガイド』の第31章の「チャートとグラフの作成」 
</p>
    </td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="description"><span class="title">ヒストリ</span>
<p>
ColdFusion&#160;MX&#160;7: dataLabelStyle 属性および horizontalbar チャートタイプが追加されました。
</p>

<p>
ColdFusion MX&#160;6.1: 補間の動作が変更されました。タグは、複数の系列を持つ折れ線グラフのデータポイントを補間するようになりました。
</p>

<p>
ColdFusion&#160;MX: このタグが追加されました。
</p>

<p>

</p>
    </td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="description"><span class="title">使用方法</span>
<p>
円グラフの場合、円の項目の色は次のように設定されます。
</p>
<ul>

<li>seriesColor 属性を省略すると、自動的に各項目の色が設定されます。 </li>

<li>seriesColor 属性を指定すると、最初の項目に指定された色が付けられ、順にその後の各項目に自動的に色が付けられます。</li>
</ul>
    </td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top" colspan="2" class="description"><span class="title">例</span><pre>&lt;!--- 次の例では、cfdocexamples データベース内の給与データを分析し、
部門ごとの平均給与を示す棒グラフを作成します。 ---&gt;

&lt;!--- 未処理データをデータベースから取得します。 ---&gt;
&lt;cfquery name=&quot;GetSalaries&quot; datasource=&quot;cfdocexamples&quot;&gt;
SELECT  Departmt.Dept_Name,
Employee.Dept_ID,
Employee.Salary
FROM Departmt, Employee
WHERE Departmt.Dept_ID = Employee.Dept_ID
&lt;/cfquery&gt;

&lt;!--- クエリーオブクエリーを使用して、各部門の統計データを使用する ---&gt;
&lt;!--- 新規クエリーを生成します。 ---&gt;
&lt;!--- AVG および SUM で統計を計算します。 ---&gt;
&lt;!--- GROUP BY で部門ごとの結果を生成します。 ---&gt;
&lt;cfquery dbtype = &quot;query&quot; name = &quot;DataTable&quot;&gt;
SELECT
Dept_Name,
AVG(Salary) AS avgSal,
SUM(Salary) AS sumSal
FROM GetSalaries
GROUP BY Dept_Name
&lt;/cfquery&gt;

&lt;!--- 生成された数値を千の位で四捨五入するように形式を設定し直します。 ---&gt;
&lt;cfloop index = &quot;i&quot; from = &quot;1&quot; to = &quot;#DataTable.RecordCount#&quot;&gt;
&lt;cfset DataTable.sumSal[i] = Round(DataTable.sumSal[i]/1000)*1000&gt;
&lt;cfset DataTable.avgSal[i] = Round(DataTable.avgSal[i]/1000)*1000&gt;
&lt;/cfloop&gt;

&lt;h1&gt;従業員の給与の分析&lt;/h1&gt;
&lt;!--- クエリーオブクエリーによる棒グラフ ---&gt;
&lt;cfchart format=&quot;flash&quot;
xaxistitle=&quot;Department&quot;
yaxistitle=&quot;Salary Average&quot;&gt; 

&lt;cfchartseries type=&quot;bar&quot;
query=&quot;DataTable&quot;
itemcolumn=&quot;Dept_Name&quot;
valuecolumn=&quot;avgSal&quot; /&gt;
&lt;/cfchart&gt;
</pre>
         </td>
      </tr>
   </table>
   </div>
<div id="COLORLIST">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>  
<td valign="top" class="name">COLORLIST</td>
  <td valign="top" nowrap class="compatibility">&nbsp;</td>
  </tr>
  <tr>
  <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
  </tr>

  <tr>
  <td valign="top" class="syntax">&nbsp;</td>
  <td valign="top" nowrap class="requirements">オプション</td>
  </tr>
  <tr>
  <td colspan="2" class="clearseparation">&nbsp;</td>
  </tr>
  <tr>
  <td valign="top" colspan="2" class="description">



<p>各データポイントの色を設定します。cfchartseries の type 属性が pie、pyramid、area、horizontalbar、cone、cylinder、または step の場合に適用します。 </p>
<p>16 進数の値またはサポートされる Web の色名のカンマ区切りリストです。名前のリストおよび 6 桁または 8 桁の 16 進数値については、cfchart の「使用方法」を参照してください。</p>
<p>16 進数の値を入力するには、&quot;##xxxxxx&quot; または &quot;##xxxxxxxx&quot; という形式を使用します。ここで、x は 0 ～ 9 または A ～ F です。シャープ記号 (#) は 2 つ使用するか、または使用しないでください。 </p>

  </td>
  </tr>
  </table>
</div>
<div id="ITEMCOLUMN">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>  
<td valign="top" class="name">ITEMCOLUMN</td>
  <td valign="top" nowrap class="compatibility">&nbsp;</td>
  </tr>
  <tr>
  <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
  </tr>

  <tr>
  <td valign="top" class="syntax">&nbsp;</td>
  <td valign="top" nowrap class="requirements">query 属性を指定している場合は必須</td>
  </tr>
  <tr>
  <td colspan="2" class="clearseparation">&nbsp;</td>
  </tr>
  <tr>
  <td valign="top" colspan="2" class="description">



<p>query 属性に指定されたクエリー内の列の名前です。グラフで表すデータポイントの項目ラベルを指定します。</p>

  </td>
  </tr>
  </table>
</div>
<div id="MARKERSTYLE">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>  
<td valign="top" class="name">MARKERSTYLE</td>
  <td valign="top" nowrap class="compatibility">&nbsp;</td>
  </tr>
  <tr>
  <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
  </tr>

  <tr>
  <td valign="top" class="syntax">&nbsp;</td>
  <td valign="top" nowrap class="requirements">オプション</td>
  </tr>
  <tr>
  <td colspan="2" class="clearseparation">&nbsp;</td>
  </tr>
  <tr>
  <td valign="top" colspan="2" class="description">

<strong>Default value:</strong> "rectangle"


<p>2 次元の折れ線グラフ、曲線グラフ、および散布グラフのデータポイントにマーカーとして表示するアイコンを設定します。</p><ul>

<li>rectangle</li>

<li>triangle</li>

<li>diamond</li>

<li>circle</li>

<li>letter</li>

<li>mcross</li>

<li>snow</li>

<li>rcross</li>
</ul>


  </td>
  </tr>
  </table>
</div>
<div id="PAINTSTYLE">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>  
<td valign="top" class="name">PAINTSTYLE</td>
  <td valign="top" nowrap class="compatibility">&nbsp;</td>
  </tr>
  <tr>
  <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
  </tr>

  <tr>
  <td valign="top" class="syntax">&nbsp;</td>
  <td valign="top" nowrap class="requirements">オプション</td>
  </tr>
  <tr>
  <td colspan="2" class="clearseparation">&nbsp;</td>
  </tr>
  <tr>
  <td valign="top" colspan="2" class="description">

<strong>Default value:</strong> "plain"


<p>データ系列のペイント表示スタイルを設定します。</p><ul>

<li>plain: 一色の塗りつぶしです。</li>

<li>raise: ボタン状の外観です。</li>

<li>shade: 端部が濃くなるグラデーション塗りつぶしです。</li>

<li>light: 淡い色のグラデーション塗りつぶしです。</li>
</ul>


  </td>
  </tr>
  </table>
</div>
<div id="QUERY">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>  
<td valign="top" class="name">QUERY</td>
  <td valign="top" nowrap class="compatibility">&nbsp;</td>
  </tr>
  <tr>
  <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
  </tr>

  <tr>
  <td valign="top" class="syntax">&nbsp;</td>
  <td valign="top" nowrap class="requirements">オプション</td>
  </tr>
  <tr>
  <td colspan="2" class="clearseparation">&nbsp;</td>
  </tr>
  <tr>
  <td valign="top" colspan="2" class="description">



<p>グラフ化するデータを取得するための ColdFusion クエリーの名前です。</p>

  </td>
  </tr>
  </table>
</div>
<div id="SERIESCOLOR">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>  
<td valign="top" class="name">SERIESCOLOR</td>
  <td valign="top" nowrap class="compatibility">&nbsp;</td>
  </tr>
  <tr>
  <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
  </tr>

  <tr>
  <td valign="top" class="syntax">&nbsp;</td>
  <td valign="top" nowrap class="requirements">オプション</td>
  </tr>
  <tr>
  <td colspan="2" class="clearseparation">&nbsp;</td>
  </tr>
  <tr>
  <td valign="top" colspan="2" class="description">



<p>チャートの主要な要素 (棒グラフの棒など) の色です。円グラフの場合は、最初の項目の色を示します。</p>
<p>16 進数の値またはサポートされる色名です。名前のリストおよび 6 桁または 8 桁の 16 進数値については、cfchart タグの「使用方法」を参照してください。</p>
<p>16 進数の値を入力するには、&quot;##xxxxxx&quot; または &quot;##xxxxxxxx&quot; という形式を使用します。ここで、x は 0 ～ 9 または A ～ F です。シャープ記号 (#) は 2 つ使用するか、または使用しないでください。 </p>

  </td>
  </tr>
  </table>
</div>
<div id="SERIESLABEL">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>  
<td valign="top" class="name">SERIESLABEL</td>
  <td valign="top" nowrap class="compatibility">&nbsp;</td>
  </tr>
  <tr>
  <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
  </tr>

  <tr>
  <td valign="top" class="syntax">&nbsp;</td>
  <td valign="top" nowrap class="requirements">オプション</td>
  </tr>
  <tr>
  <td colspan="2" class="clearseparation">&nbsp;</td>
  </tr>
  <tr>
  <td valign="top" colspan="2" class="description">



<p>データ系列のラベルのテキストです。</p>

  </td>
  </tr>
  </table>
</div>
<div id="TYPE">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>  
<td valign="top" class="name">TYPE</td>
  <td valign="top" nowrap class="compatibility">&nbsp;</td>
  </tr>
  <tr>
  <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
  </tr>

  <tr>
  <td valign="top" class="syntax">&nbsp;</td>
  <td valign="top" nowrap class="requirements">必須</td>
  </tr>
  <tr>
  <td colspan="2" class="clearseparation">&nbsp;</td>
  </tr>
  <tr>
  <td valign="top" colspan="2" class="description">



<p>チャートの表示スタイルを設定します。</p><ul>

<li>bar</li>

<li>line</li>

<li>pyramid</li>

<li>area</li>

<li>horizontalbar</li>

<li>cone</li>

<li>curve</li>

<li>cylinder</li>

<li>step</li>

<li>scatter</li>

<li>pie</li>
</ul>


  </td>
  </tr>
  </table>
</div>
<div id="VALUECOLUMN">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>  
<td valign="top" class="name">VALUECOLUMN</td>
  <td valign="top" nowrap class="compatibility">&nbsp;</td>
  </tr>
  <tr>
  <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
  </tr>

  <tr>
  <td valign="top" class="syntax">&nbsp;</td>
  <td valign="top" nowrap class="requirements">query 属性を指定している場合は必須</td>
  </tr>
  <tr>
  <td colspan="2" class="clearseparation">&nbsp;</td>
  </tr>
  <tr>
  <td valign="top" colspan="2" class="description">



<p>query 属性に指定されたクエリー内の列の名前です。グラフで表すデータ値を指定します。</p>

  </td>
  </tr>
  </table>
</div>
<div id="DATALABELSTYLE">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>  
<td valign="top" class="name">DATALABELSTYLE</td>
  <td valign="top" nowrap class="compatibility">&nbsp;</td>
  </tr>
  <tr>
  <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
  </tr>

  <tr>
  <td valign="top" class="syntax">&nbsp;</td>
  <td valign="top" nowrap class="requirements">オプション</td>
  </tr>
  <tr>
  <td colspan="2" class="clearseparation">&nbsp;</td>
  </tr>
  <tr>
  <td valign="top" colspan="2" class="description">

<strong>Default value:</strong> "none"


<p>系列の項目に色を適用する方法を指定します。</p><ul>

<li>none: 何も出力しません。</li>

<li>value: データポイントの値です。</li>

<li>rowLabel: 行のラベルです。</li>

<li>columnLabel: 列のラベルです。</li>

<li>pattern: トータルグラフに対するパーセンテージを示す columnLabel の値など、列ラベル、値、および集計情報の組み合わせです。たとえば、Sales 55,000 20% of 277,000 などです。</li>
</ul>


  </td>
  </tr>
  </table>
</div>

  </body>
</html>
