如何使条形图和散点图彼此之间出现？

Question

在图表js中，每个条形都可以精确地位于每个散点下方吗？在下面的图像中，第一个正确，第二个不正确。

您可以在此处查看演示demo

请帮忙吗？

Answer 1

您可以根据具体情况进行操作。问题在于两个图表都具有不同的xAxis类型（linear和category）。 yAxis标签的长度也不同。

要解决演示中图表上的问题，可以按如下所示更改散点图中的选项。

1. 定义选项scales.xAxes.offset: true以使其对应于default value defined for bar charts。
2. 将min和max添加到scales.xAxes.ticks以使用横条水平调整点。

scales: {
   xAxes: [{
       offset: true, 
       gridLines: {
         display: false
       },
       ticks: {
         min: -0.2, 
         max: 3.3, 

请查看您的amended Demo。