是否可以使用highcharts绘制类似于以下屏幕截图的聊天记录？

Question

我必须绘制如下图。在图表中，列宽应填充网格线区域。高图有可能吗？请忽略折线图。

Answer 1

您需要设置pointPlacement: 'between'和零pointPadding和groupPadding：

series: [{
    ...,
    pointPlacement: 'between',
    pointPadding: 0,
    groupPadding: 0
}]

---

实时演示： http://jsfiddle.net/BlackLabel/p2q73rxy/

API参考：

https://api.highcharts.com/highcharts/series.column.pointPlacement

https://api.highcharts.com/highcharts/series.column.pointPadding

https://api.highcharts.com/highcharts/series.column.groupPadding