[Oracle]箱型圖(BoxPlot)統計值運算

繪製箱型圖顯示一組數據的分散情況，而若從資料庫中的Raw Data，來繪製箱型圖，則需結算出六個必要數值：最大值、最小值、中位數、平均值、Q1下四分位數、Q3下四分位數

以Oracle範例資料庫中的employees資料表為例，計算每個部門的箱型圖數值：

select department_id,
       max(salary) Upper_whisker,
       min(salary) Lower_whisker,
       round(avg(salary),3) Average,
       PERCENTILE_CONT(0.25) WITHIN GROUP (ORDER BY salary ASC) Q1,
       PERCENTILE_CONT(0.5) WITHIN GROUP (ORDER BY salary ASC) Median,
       PERCENTILE_CONT(0.75) WITHIN GROUP (ORDER BY salary ASC) Q3
  from employees t
 group by department_id

[ASP.NET]左右ListBox選單(3) -- 非同步PostBack Trigger

 承[ASP.NET] 左右ListBox選單(1) -- 按鈕Trigger 與[ASP.NET] 左右ListBox選單(2) -- Javascript Trigger的主題，有介紹以雙擊(double click)去觸發PostBack，然而以javascript送出則會有整頁往後送的效果，網頁會閃爍。
本文介紹將Control放入Update Panel來避免頁面閃爍的現象，另以非同步的javascript去做PostBack，同時可達到雙擊的效果與簡短了程式碼的撰寫。

首先，承上文的Code：

1. Control放入UpdatePanel中
2. ListBox的Control內加入Double Click事件的Function
3. __doPostBack('ButtonRight','')  為非同步送出觸發ButtonRight 的事件
   

[ASP.NET]左右ListBox選單(2) -- Javascript Trigger

承[ASP.NET] 左右ListBox選單(1) -- 按鈕Trigger 的主題，選取Value後按下中間的四個按鈕觸發PostBack，本文將雙擊(double click)的動作加入觸發PostBack的行列，讓選取的時候更加方便與直覺。

首先，承上文的Code：

1. <head></head>之間加入javascript，雙擊時將送出form
2. ListBox的Control內加入Double Click事件的Function，並加入一個hidden欄位
3. CS頁面內加入接收雙擊ListBox時操作
   

[ASP.NET]左右ListBox選單(1) -- 按鈕Trigger

以ListBox實做左方ListBox為可選擇之項目，右方ListBox為已選擇之項目，中間放置四個按鈕，分別為向右鈕/全選向右鈕/向左鈕/全選向左鈕。

Blogger加上表格--放入HTML TABLE

在Blogger寫程式分享的文章，若有插入表格的需求，
表格編寫需要用HTML的方式，如：<table><tr><td>XXX</td></tr>

寫入的原始碼需用CSS的方式包住，才可避免有多餘的空白出現。

[Table 原始碼]

[ASP.NET]LinkButton + Image

LinkButton只能秀文字，ImageButton只能秀圖片，
那當有需求是文字與圖片要一起在同一個按鈕時，目前的解法就是將圖片放入LinkButton中即可。

<asp:LinkButton runat="server" ID="LinkButton1" BorderColor="Gray"
    Font-Names="Arial" ForeColor="Navy" BorderWidth="1px" BackColor="LightGray">
    <img src="images/filter/funnel.png" style="border:0; vertical-align:bottom" />Data Filter
</asp:LinkButton>

Blogger加上程式碼 -- 高亮度顯示程式(SyntaxHighlighter)

在Blogger寫程式分享的文章，必備的套用工具SyntaxHighlighter這類的高亮度顯示程式。
套用方法：

1. 進入管理介面[版面配置]
2. [修改 HTML]
3. 備份範本
4. [修改範本]，加入以下code至<head>與</head>之間
   

<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shThemeDefault.css" id="shTheme"/>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shLegacy.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushScala.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushXml.js"></script>
<script type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.ClipboardSwf = 'http://http://alexgorbatchev.com/pub/sh/2.0.320/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

後續只要在code以<pre class="brush:xml"></pre>框住即可

brushes 分類如下：

Brush name	Brush aliases	File name
ActionScript3	as3, actionscript3	shBrushAS3.js
Bash/shell	bash, shell	shBrushBash.js
ColdFusion	cf, coldfusion	shBrushColdFusion.js
C#	c-sharp, csharp	shBrushCSharp.js
C++	cpp, c	shBrushCpp.js
CSS	css	shBrushCss.js
Delphi	delphi, pas, pascal	shBrushDelphi.js
Diff	diff, patch	shBrushDiff.js
Erlang	erl, erlang	shBrushErlang.js
Groovy	groovy	shBrushGroovy.js
JavaScript	js, jscript, javascript	shBrushJScript.js
Java	java	shBrushJava.js
JavaFX	jfx, javafx	shBrushJavaFX.js
Perl	perl, pl	shBrushPerl.js
PHP	php	shBrushPhp.js
Plain Text	plain, text	shBrushPlain.js
PowerShell	ps, powershell	shBrushPowerShell.js
Python	py, python	shBrushPython.js
Ruby	rails, ror, ruby	shBrushRuby.js
Scala	scala	shBrushScala.js
SQL	sql	shBrushSql.js
Visual Basic	vb, vbnet	shBrushVb.js
XML	xml, xhtml, xslt, html, xhtml	shBrushXml.js