圖表設定
色彩組合1 跳色
提供10組預設色彩色碼序列,供提供圖表配色,light,dark版共用同一組色碼,請自行帶入到highchart的function。
var _Color = ['#20A4F3', '#54CEC3', '#ffbc08', '#fe7b62', '#00b44b', '#2869b9', '#d84400', '#009e7a', '#2e3c56', '#754a28'];
#20A4F3
#54CEC3
#ffbc08
#fe7b62
#00b44b
#2869b9
#d84400
#009e7a
#2e3c56
#754a28
色彩組合2 相近色
提供4組預設色彩色碼序列,供提供圖表配色,light,dark版共用同一組色碼,請自行帶入到highchart的function。
var _Color = ['#0570c2', '#0c9ee7', '#23c4f9', '#F49F0A', '#03cdc2', '#16aec4', '#06e7e4', '#f6c21d'];
#0570c2
#0c9ee7
#23c4f9
#F49F0A
#03cdc2
#16aec4
#06e7e4
#f6c21d
圖表高度
圖表設定可用adclass方式,設定高度,範例如下:
<!-- 圖表400px高度 -->
<figure class="highcharts-figure">
<div id="axes_line_column2" class="h_400"></div>
</figure>
<!-- 【預設】圖表300px高度,不用設定classname -->
<figure class="highcharts-figure">
<div id="axes_line_column2"></div>
</figure>
<!-- 圖表200px高度 -->
<figure class="highcharts-figure">
<div id="axes_line_column2" class="h_200"></div>
</figure>