javascript - 在 amchart 上的蜡烛图上绘制线条

Question

我正在使用amchart stock chart

function createStockChart() {
    var chart = new AmCharts.AmStockChart();
    var dataSet = new AmCharts.DataSet();

    // make candlechart

    dataSet.fieldMappings = [{
        fromField: "open",
        toField: "open"
    }, {
        fromField: "close",
        toField: "close"
    }, {
        fromField: "high",
        toField: "high"
    }, {
        fromField: "low",
        toField: "low"
    }, {
        fromField: "volume",
        toField: "volume"
    }, {
        fromField: "testValue",
        toField: "testValue"
    }];
    dataSet.dataProvider = chartData;
    dataSet.categoryField = "date";


// make line to be drawn on the candle stock

    var dataSet2 = new AmCharts.DataSet();
    dataSet2.fieldMappings = [{
        fromField: "close",
        toField: "value"
    }];
    dataSet2.color = "#33888a";
    dataSet2.dataProvider = chartData;
    dataSet2.compared = false; // if I made here true, the line appears but it will be shown as percentage!!.
    dataSet2.title = "Open";
    dataSet2.categoryField = "date";

我想在蜡烛图上画一条线。

如果我对 compared 字段使用 true，则该线会出现在蜡烛部分上方，但 Y 轴会变为百分比。

没错，因为它是为了比较函数。

但是我想附加图表只是为了比较。

如何在蜡烛图上简单地画一条线？？？

Answer 1

您可以设置recalculateToPercents在面板对象中添加到 "never" 以防止图表使用百分比，只需添加线条即可。 the knowledge base对此进行了更详细的解释。

这是一个fiddle that illustrates this 。它使用 JSON 设置，但基于对象的设置类似。