Question

我正在处理amchart实时数据，您可以在这里https://www.amcharts.com/demos/live-data/进行检查。因此，我想在项目符号的前面添加水平线，就像您注册时单击此处的https://iqoption.com/en/并单击“交易”将显示图表一样。线项目符号的前面有一条我想要的水平线。所以让我知道有可能吗??

Answer 1

Amchart是一个非常流行的图表库，经过几分钟的搜索，这是一件非常容易的事。

根据amchart提供的实时数据演示，您必须在该代码中添加一些行。

要开始在图表中添加一条轴线范围线。

// goal guides
var axisRange = valueAxis.axisRanges.create();
axisRange.value = 4;
axisRange.grid.strokeOpacity = 1;
axisRange.label.text = "Goal"; // This text will be displayed on the right side of chart.
axisRange.label.align = "right";
axisRange.label.verticalCenter = "bottom";
axisRange.label.fillOpacity = 0.8;

此块之后，您将在图表上看到垂直线，但不会沿图表移动

要开始移动该行，您必须修改startInterval（）函数

您可以从该函数访问先前声明的axisrange变量因此，在获取下一个值之后，您必须将此值分配给axisrange位置并以此方式标记

function startInterval() {
    interval = setInterval(function() {
        visits =
            visits + Math.random();
        var lastdataItem = series.dataItems.getIndex(series.dataItems.length - 1);
        chart.addData(
            { date: new Date(lastdataItem.dateX.getTime() + 1000), value: visits },
            1
        );
       // Add this two line to the startinterval function or where you 
          calculate the next value
      axisRange.value=visits;
      axisRange.label.text=visits;
    }, 1000);
}

如何在实时数据图表中在行项目符号的前面添加水平线

1 个答案: