Reactjs 如何使条形图和散点相互下方显示？

在图表js中，是否有可能使每个条恰好位于每个散点下方？在下图中，第一个正确，第二个不正确

你可以在这里查看演示

---

有什么帮助吗？

你可以根据具体情况来做。问题是两个图表的

xAxis

类型（和）不同。此外，

yAxis

标签的长度也不同

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

定义选项

scales.xAxes.offset:true

，使其与

将

min

和

max

添加到

scales.xAxes.ticks

以水平调整带条的点

---

请看一下你的护照

谢谢，它帮助了很多，但是如果数据增加，它就不能很好地工作。例如，如果我有

const data=[{effect:1.0，likes:84.64，name:“Price of fish”}，{effect:-1，likes:-20.39，name:“Holiday”}，{effect:1，likes:14.58，name:“Weather”}，{effect:null，likes:0，name:“Interest”}，{effect:null，likes:0，name:“Shopping”}，{effect:0，likes:5，name:“Cart”}]；

它不起作用（修改了最大值，但不能对最小值做更多更改）

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