圖表設定

色彩組合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>

圖表高度400px

update:

【預設】圖表高度300px

update:

圖表高度200px

update: