Hi,

WHen dragging older datas, how to know to detect if the actual datas are ended and then load more and populate the chart please ?

Is there a way you share unminified script:
https://github.com/liihuu/klineweb/blob/master/dist/klinecharts.production.js

Thank you

qq群677936660搜索不到哈

eg:

okex's btcusdt and binance's btcusdt on the same chart for comparing.

十字准心移到某个K柱上后再移开图表区域,顶部的开高低收等数据还停留在了之前的那根K线上，没有回到最新的K线

tradingView没有这个问题，火币基础版的K线图也没有这个问题

Why is there a minus value on Crosshair Coordinate Y of Volume Technical Indicator?

I added a custom technical indicator for volume.

kLineChart.addCustomTechnicalIndicator({
    name: "VOL",
    series: "volume",
    shouldFormatBigNumber: true,
    plots: [{
        key: "volume",
        type: "bar",
        color: function(data, options) {
            const kLineData = data.currentData.kLineData || {}
            if (kLineData.close < kLineData.open) {
                return options.bar.downColor
            }
            return options.bar.upColor
        }
    }],
    calcTechnicalIndicator: function(dataList) {
        return dataList.map((kLineData) => {
            return {
                volume: kLineData.volume
            }
        })
    },
    precision: 4
})

如题，
示例中未见到，
后续会添加么？

如题如图

set setOffsetRightSpace(10) and setDataSpace(7), then if rightmost bar has the lowest/highest price then appears as below

this.chart = init(document.querySelector('#container_id'))

初始化的时候出错，其他浏览器没有这个问题，只有手机QQ浏览器

这应该是一个bug。
研究了下代码，发现作者的Mark标记是根据 xPos 和 price 来定位的，这也意味着，当K线周期切换后（比如5分钟切到4小时 ）， xPos标记就错位失效了。
观察了作者的demo展示，确实存在这么个问题。

有没有可能在K线移动时，让绘制的线段标记跟着一起移动，而不是K线移动完成后，再晃动下鼠标，线段标记才重新渲染呢

5.5支持副图k线，不知道怎么使用。

主图和副图之间的分割线通过样式的方式隐藏后 在手机端还可以通过点按分割线的位置的方式 进行触发

I have set setPrecision(6, 2) and the precisions working on low, high, last price, and also on the crosshair price or volume count. But not working on Y-axis labels.

How to apply precision on Y-Axis labels (red marked on image)?

让Y轴的文字限制在最低层。 chart图也被Y轴文字覆盖了。

如题所问

for example vpvr

手机：小米mix2
系统: androd 9
浏览器：手机qq浏览器最新版本
运行库：此项目demo

以下是运行给出例子的bug

又分别试了安卓下的其他机型上的手机qq浏览器发现皆会出现此状况，ios下的手机qq浏览器则不会出现此问题

一个在左显示价格， 一个在右显示百分比

Hi,
Any possible way to share the source for https://liihuu.github.io/KLineChart/ ?

thank you

最高，最低价格在边际处显示可优化

在某个周期中将图表拉到最左边，此时切换到其他周期或者币种，图表没有回到最右

大神看你一直在更新项目，副图要能显示k线图才好

副图显示指标类型。要能设置显示K线。同一图中显示不同周期的K线这种需求很常见

Hi,

Do current price with the horizontal line supported please ?

If not, do you have a plan for it ?!

I really like your chart, easy to use and manipulate !

Thanks

Hi @liihuu ,

could you provide an uncompressed version of your code from the example you created? This would be very helpful as long as there is no documentation.

Currently I'am struggling with the integration and a code example would help a lot.

datasource中有个远大于当前数据段平均值时，也就是k线被插针的情况下，若预加载的数组内含有这样的数据时，即使没在屏幕中显示也会导致k线幅度异常

样式太漂亮了，楼主加油维护下去。19年的时候就想找这样的项目，当时只有tradingview的付费方案就放弃了。最近发现一个网站的k线做的很强大很漂亮，可以参考下呀btcusd

I want to remove the Moving Average indicator on Volume technical indicator.

version
react: 16.14.0
klinecharts: 6.0.0

hi,
我在IE11上遇到一个bug。使用IE11绘图时控制台报错：‘TypeError: 对象不支持“append”属性或方法’
当我在本地修改development.js 中dom.append => dom.appedChild 之后不报错，但不显示指标。

This is the STORM/BTC chart from Binance,
i have set the precision of the chart to 12 but the price scale wont adjust and will always stay on the Range 0,1
Are the Price Values too low?

This is how it looks on the Binance website

Thanks for this Great project

applyNewData和applyMoreData方法建议增加回调函数，用于通知历史数据加载是否完成

比如做的loading动画，或者做其他数据加载完成要做的事情

如题，如gif图所示：

Hello @liihuu Nice Job but i have a question:
Can we add draw GraphMark programmatically?

在datasocurce值小于预设的小数点后6位时，会引起k线幅度显示异常的问题。

现象：

建议将指标精度作为优先值，6作为缺省值

/**
   * 计算最大最小值
   * @param technicalIndicator
   * @param isRealTime
   */
  calcMinMaxValue (technicalIndicator, isRealTime) {
    const dataList = this._chartData.dataList()
    const precision = technicalIndicator.precision || 6
    const technicalIndicatorResult = technicalIndicator.result

    } else {
        this._minValue = minMaxArray[0]
        this._maxValue = minMaxArray[1]
        if (
          this._minValue === this._maxValue ||
          Math.abs(this._minValue - this._maxValue) < Math.pow(10, -1 * precision)
        ) {
          const percentValue = this._minValue !== 0 ? Math.abs(this._minValue * 0.2) : 10
          this._minValue = this._minValue !== 0 ? this._minValue - percentValue : this._minValue
          this._maxValue += percentValue
        }
      }
    } else {
      this._minValue = 0
      this._maxValue = 10
    }
  }

{ open: 141.77, high: 170.39, low: 120.25, close: 145.72 ,color:#555}

现象： y轴tickText在精度非常小时显示不全

_measureYAxisWidth () {
    console.log(this)
    const yAxis = this._chartData.styleOptions().yAxis
    const pricePrecision = this._chartData._pricePrecision || 6;
    const axisLine = yAxis.axisLine
    const tickText = yAxis.tickText
    const tickLine = yAxis.tickLine
    let width = 0
    if (yAxis.display) {
      if (yAxis.axisLine.display) {
        width += axisLine.size
      }
      if (yAxis.tickLine.display) {
        width += tickLine.length
      }
      if (yAxis.tickText.display) {
        width += (tickText.margin + (tickText.size - 2) * pricePrecision)
      }
    }
    if (width > 0) {
      width = Math.ceil(Math.max(yAxis.minWidth, Math.min(width, yAxis.maxWidth)))
    }
    return width
  }

在累加宽度时应该更具精度来计算对应tickText 的宽度

你好，这里似乎缺少了返回类型声明

Version: typescript 3.5.3, tslint 5.20.1

Nobody want to display crossHair by clicking double . 🙇

https://github.com/liihuu/KLineChart/blob/a5f56cb65b245d22d6862a885fb4c1271771cce8/src/event/ZoomScrollEventHandler.js#L107-L114

It should be:

if (radius < 10) {
	this._touchPoint = { x: event.localX, y: event.localY };
	this._chartData.setCrossHairPointPaneTag(crossHairPoint, cross.tag);
} else if(JSON.stringify(_this4._touchPoint)==="{}"){
	this._chartData.setCrossHairPointPaneTag(crossHairPoint, cross.tag);
	this._touchPoint = null;
}else {
	this._touchCancelCrossHair = true;
	this._touchPoint = null;
	this._chartData.setCrossHairPointPaneTag(null, null);
}

如：
1. 画线及拖动回调
2. 点击k线回调
...

貌似现有版本不支持

感谢作者，又做了大量的更新。

但，把datalist的索引值用作xPos，问题真的有点大。

譬如：
需要将图层绘制数据存入数据库，当数据取出套用时，若datalist长度发生了变化，这不就等同于刻舟求剑了吗，实际上随着时间的变化datalist的长度一直在变化。
纵轴的判断值为price，为什么横轴的判断值就设为了datalist的索引值了呢，因为它不是确定值，不知道作者是基于什么考虑，有些想不明白。
这个问题的存在，意味着，这个K线图只是好看，实用性一般。因为没办法针对数据去做分析处理，然后在K线图中直接表现，而是要把数据植入到图表中再取中，跟据不稳定的datalist索引值去做分析计算，然后再次进行图形绘制。

当然，整年项目的零依赖真的很赞，感谢作者的实现。

Hello,

How can i set timeline like 1m, 12h, 1d, 1w etc.