在 amchart 上的蜡烛图上画线答案

【问题标题】：Draw line over candle chart on amchart在 amchart 上的蜡烛图上画线
【发布时间】：2017-08-16 10:41:25
【问题描述】：

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";

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

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

没错，因为是比较函数。

但是我想添加图表，而不是为了比较。

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

【问题讨论】：

标签： javascript amcharts

【解决方案1】：

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

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

【讨论】：