前言

　　在使用HighCharts控件過程中，發現圖表可以自適應div的高度，無法根據圖表x、y軸的數量動態調整div高度，否則圖標擠在一起，看起來非常不美觀，也無法達到用戶的要求。

相關資源

　　示例代碼下載

　　而實現圖表的JS代碼段如下:

        <script type=>+
                     .value; 
 .value /  +, , , , ,  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,  ,  ,  ,, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , </script>

　　因此，我的想法則是，將DataTable內的數據，轉換成以上腳本，直接拋給客戶端，其次還需要告知客戶端X軸和Y軸的數量，便於客戶端根據實際情況調整div的高度或寬度。具體的實現如下：

   title =   subtitle =   showY =   type =   xAxis =   yAxis =   series =   xLen =   yLen =  
             arrYData =  [dt.Columns.Count - 
             tem =  ( i = ; i < dt.Columns.Count; i++ arr =   ( j = ; j < dt.Rows.Count; j++
                     value = (= = (i > - ] = tem.Replace(, .Join(=  + .Join(, arr) + = .Join(
            xLen == dt.Columns.Count -   tem = = tem.Replace( retStr =  StringBuilder( retStr.ToString().Replace(, 

　　基本上算是滿足了期望值。在我看來，圖表能自動調節容器的高度或寬度，官方應該提供一個示例或者解決方案，否則在容器一定的情況下，圖表自定義容器，則很有可能將圖表擠壓的看起來不舒服。不知道是不是我沒有找到合適的解決方案，如果有人知道，期待你留言告知，謝謝！