🙋 常见问题

HXKline 和 HXKLineChart 有什么区别？

HXKline 是一个基于 canvas 的图表库，仅包含绘图功能并无数据获取能力。HXKLine 是基于 HXKlineChart 的封装，提供了多市场的分时&K 线等行情数据支持，以及分时图和 K 线图的基础样式。 可以简单的理解为

HXKline = HXKLineChart + 行情数据获取能力

如何实现简易双 Y 轴(涨幅&价格&对数)？

图表目前仅支持单 Y 轴，但是用户可通过实例 API 配合实现双 Y 轴，例如：

// 获取主图高度，自定义DOM节点安置到指定位置，注意需要考虑等分的情况
chart.getSize();
// 获取Y轴信息，计算出涨幅Y轴的最大最小值，自定义DOM节点安置到指定位置
chart.getYAxisRangeInfo();

初始化图表后，只能看到一条线，是怎么回事？

图表总是会填充容器，检查一下容器是否有高度。

蜡烛柱显示趋近于一条线，看不到波动，怎么办？

图表默认价格精度为两位小数，调用setPriceVolumePrecision(pricePrecision, volumePrecision)设置下精度。

分时图怎么创建？

通过将 init 方法的option参数chartType设置为line即可。或通过样式设置。

var chart = HXKlineChart.init('chart', { chartType: 'line' });
// or
chart.setStyles({
  candle: {
    type: 'area',
  },
});

拖拽/滚动时如何限制两端留白？

可以通过图表方法setRightBeyondBarCount(barCount)或者setLeftBeyondBarCount(barCount)限制两侧最小可见数量即可。 例如

chart?.setRightBeyondBarCount(visibleDataCount as number);
chart?.setLeftBeyondBarCount(visibleDataCount as number);

内置的技术指标，计算出来的数据不是想要的，怎么办？

可以通过图表方法createIndicator或者overrideIndicator重写calc即可。

想创建一个内置技术指标之外的指标，怎么办？

图表支持自定义技术指标，详情参阅技术指标。

想标记一下买卖点，该怎么做？

可以使用覆盖物，内置的覆盖物有一个simpleAnnotation，用图表 api 创建即可createOverlay({ name: 'simpleAnnotation', ... }, paneId)。