【问题标题】:how to change color of candlestick based on ajax data in amcharts 4?如何根据 amcharts 4 中的 ajax 数据更改烛台的颜色?
【发布时间】:2021-03-16 08:38:06
【问题描述】:

我想根据来自后端的数据的颜色更改图表上某些烛台的颜色,因为我在后端进行了一些计算,发现一些蜡烛与其他蜡烛不同。那我该怎么做呢? 这是codepen中的一个代码,它通过使用与价格相关的条件(开盘价、高点、低点、收盘价)或蜡烛指数来改变颜色,但我想根据后端计算的另一个数据更改颜色,然后我通过其他数据将其发送到前端。

series.columns.template.adapter.add("fill", (fill, target) => {
  if (target.dataItem) {
    if((target.dataItem.index%2==0)){
       return am4core.color("#000000");  
    }
    else {
      if(chart.data[target.dataItem.index].open > chart.data[target.dataItem.index].close){
        return am4core.color("#00FF00");  
      }else {
        return am4core.color("#FF0000");  
      }
    }

https://codepen.io/enriqu3/pen/MWYVEzW

例如,假设后端发送“X”值和其他数据(开盘、高点、低点、关闭、日期、X),我想根据该“X”值更改每根蜡烛的颜色。

【问题讨论】:

    标签: amcharts amcharts4 ohlc


    【解决方案1】:

    我找到了答案:

    if(chart.data[target.dataItem.index].x > y)
            {
                return am4core.color("blue");  
            }
            else 
            {
                    if(chart.data[target.dataItem.index].open >chart.data[target.dataItem.index].close) return am4core.color("red");  
            else return am4core.color("green");  
            }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-01-09
      • 2018-04-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-11-03
      • 2021-12-04
      相关资源
      最近更新 更多