AnyChart是基于JavaScript (HTML5) 的圖表控件。使用AnyChart控件，可創建跨瀏覽器和跨平臺的交互式圖表和儀表。AnyChart 圖表目前已被很多知名大公司所使用，可用于儀表盤、報表、數據分析、統計學、金融等領域。重要推薦：

點擊下載Anychart最新試用版

JS燭臺圖定制

1. 添加EMA指標以進行技術分析。
2. 修改燭臺顏色。
3. 配置滾動條系列。

添加EMA技術指標

因此，您已經在JS中建立了具有預定義樣式和功能的基本燭臺圖。但是，如果需要，您可以輕松更改很多事情。

現在，我將向您展示如何通過以下方式對其進行自定義：

EMA代表指數移動平均線。它是基于數學公式來賦予最新觀察更多的重視和重要性，它是在金融圖表中廣泛用于分析數據的技術指標。根據情況，交易者可能希望使用不同的EMA周期。例如，20天，30天和90天移動平均線。

AnyStock已經具有添加EMA所需的代碼。因此，您只需將其插入燭臺圖表并指定要使用的期限即可。像這樣：

// create a plot
var plot = chart.plot(0);

// create an EMA indicator with period 20
var ema20 = plot.ema(mapping, 20).series();

// set the EMA color
ema20.stroke('#bf360c');

修改燭臺顏色

如果要使用白色和黑色對價格的漲跌進行編碼，只需添加以下幾行：

// modify the color of candlesticks making them black and white
series.fallingFill("black");
series.fallingStroke("black");
series.risingFill("white");
series.risingStroke("black");

配置滾動條系列

當前，日期同時顯示在默認的X軸和滾動條上。您可以按以下方式禁用額外的X軸：

chart.scroller().xAxis(false);

openValue = dataTable.mapAs();
openValue.addField('value', 2);

chart.scroller().column(openValue);

結論

在專用的JavaScript庫的幫助下為應用程序和網站創建交互式圖表以進行數據可視化并不復雜，不是嗎？實際上，即使是新手，也可以創建符合他們需求的專業外觀交互式圖表。

在本教程中，我試圖顯示制作您自己的第一個JS燭臺圖所需的四個簡單步驟，希望對您有所幫助。

=====================================================

想要購買Anychart正版授權的朋友可以

更多精彩內容，歡迎關注下方的微信公眾號，及時獲取產品最新資訊▼▼▼