Html5圖表工具FineReport：[13]散點圖?

散點圖又稱散點分佈圖，是因變數隨自變數而變化的大致趨勢圖。資料點是在直角座標系平面上，以一個變數為橫座標，另一變數為縱座標，利用散點（座標點）的分佈形態反映變數統計關係的一種圖形。它的特點是能直觀表現出影響因素和預測物件之間的總體關係趨勢；能通過直觀醒目的圖形方式，反映變數間的形態變化關係情況，以便於來模擬變數之間的關係。

如下圖，統計時間與股票和基金的投資關係，從圖上可以直觀的看出投資時間越長，股票和基金的回報率也越大：

注：散點圖通常用於顯示和比較的數值，所以散點圖的分類軸與值軸都是數值，例如科學資料、統計資料和工程資料。當在不考慮時間的情況下，比較大量資料點時，請使用散點圖。散點圖中包含的資料越多，比較的效果就越好。如果資料集中包含非常多的點（例如，幾千個點），那麼散點圖便是最佳圖表型別。且預設情況下，散點圖以圓圈顯示資料點。

工具/原料

Html5圖表工具：FineReport

方法/步驟

準備資料

新建工作薄，新增資料集，SQL語句為SELECT * FROM 回報率。

插入散點圖

以懸浮圖表為例，點選插入>懸浮元素>插入圖表，彈出圖表嚮導對話方塊，選擇散點圖如下圖：

設定圖表資料

在效果圖中可以看到有2個系列，並且系列名稱是欄位名稱，故需要使用單元格資料集，單元格資料如下圖：

圖表資料來源來自於單元格資料集，選中散點圖，點選圖表屬性表-資料設定如下：

樣式設定

點選圖表屬性表-樣式>標題，輸入圖表標題股票與基金投資分析，並設定字型樣式：

為X軸和Y軸新增標題，點選座標軸，分別選擇X軸和Y軸，勾選軸標題，X軸標題為年，Y軸標題為回報率，如下圖：

圖例位置靠上，選擇圖例，勾選圖例可見，位置選擇靠上，如下圖：

最後將單元格資料所在的行隱藏，即隱藏第一二行。

儲存與預覽

儲存模板，點選分頁預覽，效果即如上。模板效果線上檢視請點選Scatter.cpt

已完成模板可參考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\Scatter.cpt。