在 amchart 蜡烛图上画线

Draw line over candle chart on amchart

我正在使用 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 轴变为百分比。

没错,因为它是比较功能的。

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

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

可以设置recalculateToPercents to "never" in your panel object to prevent the chart from using percents and just add the line. This is explained in more detail in the knowledge base

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