javascript - 如何动态设置 AnyChart 烛台颜色？

Question

我想动态设置烛台颜色。但我不知道怎么办。

所以我将如anychart Doc上所述的参数true传递给anychart.stock构造函数并在具有映射字段的数据集上定义了一个名为 color 的字段如下所示。

有人得到解决方案吗？

引用 Dok:https://docs.anychart.com/Stock_Charts/Data#individual_point_settings

anychart.onDocumentReady(function() {

    // create a data table
    var table = anychart.data.table('x');
    // add data
    table.addData([{
        'x': '2015-12-24',
        'open': 511.53,
        'high': 514.98,
        'low': 505.79,
        'close': 506.40,
        'fill': '#00FF00'
    }]);

    // create a stock chart
    var chart = anychart.stock(true);

    // create a mapping
    var mapping = table.mapAs({
        'open': 'open',
        'high': 'high',
        'low': 'low',
        'close': 'close',
        'fill': 'fill'
    });

    // add a series using the mapping
    chart.plot(0).candlestick(mapping).name('ACME Corp.');

    // set container id for the chart
    chart.container('container');

    // initiate chart drawing
    chart.draw();
});

Answer 1

你的做法绝对正确!唯一的问题是烛台系列没有“填充”设置，它有上升填充和下降填充。因此，您所需要做的就是使用这些设置来映射它。您可以根据下面评论中的代码检查工作示例。此外，您可以在 this article 中了解有关烛台设置的更多信息。 .