最終更新日 :
2025年3月31日
散布図は、2 つの変数間の関係を表示するグラフです。散布図は、2D グラフ上の個々のデータポイントを表し、1 つの変数が x 軸(横軸)にプロットされ、別の変数が y 軸(縦軸)にプロットされます。
散布図には通常、次のものが含まれます。
- X 軸:1 つの変数(独立変数)を表します。
- Y 軸:別の変数(従属変数)を表します。
- 散布図上の各データポイントは、x 軸に沿った値と y 軸に沿った値のペアに対応し、これらの交点でポイントを形成します。
cfchart タグを使用して散布図を作成できます。次に例を示します。
<cfchart format="html" type="scatter" showMarkers ="true"
showLegend="FALSE" width="600" height="400" title="散布図">
<cfchartseries>
<cfchartdata item = "2015" value = 20 >
<cfchartdata item = "2016" value = 27 >
<cfchartdata item = "2017" value = 19 >
<cfchartdata item = "2018" value = 80 >
<cfchartdata item = "2019" value = 56 >
<cfchartdata item = "2020" value = 39 >
<cfchartdata item = "2021" value = 91 >
<cfchartdata item = "2022" value = 71 >
<cfchartdata item = "2023" value = 28 >
</cfchartseries>
</cfchart>
出力
次のスクリプトは、データベースのテーブルを使用して散布図を表示します。
<cfquery name="getEmployeeData" datasource="cfdocexamples">
SELECT emp_id, Salary
FROM employee
WHERE EMP_ID < 1955
</cfquery>
<cfchart format="html" chartheight="400" chartwidth="600" title="従業員 ID と給与の散布図" showLegend="FALSE">
<cfchartseries type="scatter" query="getEmployeeData" itemColumn="Emp_ID" valueColumn="Salary"/>
</cfchart>
出力