永利最大(官方)网站

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正版授权的朋友可以

更多精彩内容，欢迎关注下方的微信公众号，及时获取产品最新资讯▼▼▼