【问题标题】:Highchart / Highstock how to set color of individual ohlc or candle?Highchart / Highstock 如何设置个别 ohlc 或蜡烛的颜色?
【发布时间】:2017-08-01 06:03:03
【问题描述】:

我设置了一个角度为2的highstock ohlc。但是不能为OHLC图表类型设置上下颜色,例如hclose增加时为绿色,hclose减少时为红色。是否有任何 API 参考或任何实现方式?像下图这样我希望我的图表看起来像..

【问题讨论】:

    标签: javascript angular highcharts highstock


    【解决方案1】:

    我找到了这样的方法及其工作方式:-)

    plotOptions: {
        ohlc: {
            color: 'red',
            upColor: 'green'
         }
    },
    series : [{   
        type: 'ohlc',                 
        name : 'Stock Price', 
        data : [],
        yAxis : 0,                            
    }, {   
        type: 'column',                 
        name : 'volume', 
        data : [],
        yAxis : 1,                        
    }]
    

    【讨论】:

    • upColor 属性应具有“绿色”值,颜色应为“红色”。我为你准备了一个演示:jsfiddle.net/6orvqbLn.
    • 哎呀..我放错了颜色。是的,绿色应该是向上的颜色.. thnx :)
    【解决方案2】:

    您也可以使用这些来更改下行和上行颜色的颜色。

    plotOptions: {
        candlestick: {
            color: 'red',
            upColor: 'green'
            lineColor: 'red',
            upLineColor: 'green'
        }
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-08-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-11-17
      • 1970-01-01
      • 2018-06-23
      • 1970-01-01
      相关资源
      最近更新 更多