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

點擊下載Anychart最新試用版

JS燭臺圖定制

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

添加EMA技術(shù)指標

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

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

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

AnyStock已經(jīng)具有添加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);

結(jié)論

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

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

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

想要購買Anychart正版授權(quán)的朋友可以

更多精彩內(nèi)容，歡迎關(guān)注下方的微信公眾號，及時獲取產(chǎn)品最新資訊▼▼▼