ECharts圖表使用之K線圖

在 ECharts series組件的配置過(guò)程中，我們使用 Candlestick 來(lái)表示我們常說(shuō)的 K 線圖。

對(duì)于 K 線圖的畫(huà)法，我們通常會(huì)在圖中包含四個(gè)數(shù)據(jù)，這四個(gè)數(shù)據(jù)分別是開(kāi)盤(pán)價(jià)、最高價(jià)、最低價(jià)和收盤(pán)價(jià)，如果您要完成一個(gè)完整的 K 線圖，那么最好都要圍繞這四個(gè)數(shù)據(jù)來(lái)實(shí)現(xiàn)。

將每日的 K 線圖放在同一張紙上，可以得到日 K 線圖。

在 ECharts3 中，同時(shí)支持 'candlestick' 和 'k'這兩種 'series.type'（'k' 會(huì)被自動(dòng)轉(zhuǎn)為 'candlestick'）。

示例如下：

點(diǎn)擊編輯實(shí)例 》》

K 線圖中“漲”和“跌”的顏色是如何表示的：

K 線圖中的顏色表示會(huì)根據(jù)不同的國(guó)家或者地區(qū)而含有不一樣的定義，在大陸、臺(tái)灣、日本、韓國(guó)等，K 線圖顏色定義為“紅漲綠跌”或者“紅漲藍(lán)跌”；而在西方國(guó)家、香港、新加坡等，則表示為“綠漲紅跌”。

K線圖也不一定要用紅藍(lán)、紅綠來(lái)表示漲跌，也可以是“有色/無(wú)色”等表示方法。

默認(rèn)配置項(xiàng)，采用的是“紅漲藍(lán)跌”。如果想更改這個(gè)顏色配置，在這些配置項(xiàng)中更改即可：

• series-candlestick.itemStyle.normal.color：陽(yáng)線填充色（即“漲”）
• series-candlestick.itemStyle.normal.color0：陰線填充色（即“跌”）
• series-candlestick.itemStyle.normal.borderColor：陽(yáng)線邊框色（即“漲”）
• series-candlestick.itemStyle.normal.borderColor0：陰線邊框色（即“跌”）