klinecharts / KLineChart

📈Lightweight k-line chart that can be highly customized. Zero dependencies. Support mobile.(可高度自定义的轻量级k线图,无第三方依赖,支持移动端)

Home Page:https://klinecharts.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Feature] 不是很明白为什么上涨是绿色,下跌是红色,这块有个什么原则吗?

mankeheaven opened this issue · comments

需求描述

希望下跌是绿色,上涨是红色
我改了candle.bar里头的颜色,但是Indicator中vol颜色并没有改
image

具体实现

提供indicator中柱状图的颜色更改?

或者可以在全局进行配置,反转一下?

用以下办法解决了我的需求。
不过还是很想知道,为什么默认下跌是红色,上涨是绿色的,希望能得到你的帮助。

chart.overrideIndicator({
        name: 'VOL',
        showName: 'VOL',
        styles: {
          bars:[{
            style: 'fill',
            borderStyle: 'solid',
            borderSize: 1,
            borderDashedValue: [2, 2],
            upColor: upColor,
            downColor: downColor,
            noChangeColor: '#888888'
          }],
        }
      })
          indicator: {
            bars: [{
              // 'fill' | 'stroke' | 'stroke_fill'
              style: 'fill',
              // 'solid' | 'dashed'
              borderStyle: 'solid',
              borderSize: 1,
              borderDashedValue: [2, 2],
              upColor: '#ECADA9',
              downColor: '#A0D1CC',
              noChangeColor: '#888888'
            }],
          }

可以这样设置量柱的颜色

@entimm

谢谢哈,问题我解决了,我只是不明白,为啥默认绿色上涨,红色下跌

@mankeheaven 我猜是因为美股默认是这样的。

@mankeheaven 我猜是因为美股默认是这样的。

是的,我查了下确实如此。

所以,这个红绿是否应该给个快捷设置。毕竟大癌这个奇葩啥都要搞特殊

commented

@mankeheaven 我猜是因为美股默认是这样的。

是的,我查了下确实如此。

所以,这个红绿是否应该给个快捷设置。毕竟大癌这个奇葩啥都要搞特殊

图表并没有提供红涨绿跌的主题,需要自己实现,可以参考 https://klinecharts.com/sample/theme.html