Javascript Highcharts-从最左边开始绘制图表

我有两个问题：-

1） 如何从最左边开始

2） 总之，我希望每个气泡都有不同的名称。我试过这个：-

series: [{  
                    name: 'Coupan1',
                    color: 'rgba(223, 83, 83, .5)',
                    data: [161.2, 51.6],
                },{  
                    name: 'Coupan2',
                    color: 'rgba(223, 83, 83, .5)',
                    data: [161.2, 51.6],
                },{  
                    name: 'Coupan3',
                    color: 'rgba(223, 83, 83, .5)',
                    data: [161.2, 51.6],
                },{  
                    name: 'Coupan4',
                    color: 'rgba(223, 83, 83, .5)',
                    data: [161.2, 51.6],
                },
            ],

但有些随机三角形不是气泡，而是带有一些随机值。这是错误的答案。

---

我错在哪里？

关于第二个问题，您有两个问题：

1.）您的数据格式不正确：

data: [[161.2, 51.6]] // array of array, not single array

2.）您的所有系列都具有相同的

x，y

值，因此它会将它们彼此重叠。“一些随机三角形”只是相互重叠的不同标记。如果希望每个系列都有一个圆标记，则需要添加该标记作为选项

{  
    name: 'Coupan1',
    color: 'rgba(223, 83, 83, .5)',
    data: [[161.2, 51.6]],
    marker: {symbol: 'circle'}
}

更新的小提琴

对于第一个问题，如果您不想要yAxis和条之间的空间，请将组填充设置为0

       plotOptions: {
            column: {
                borderWidth: 0
            },                
            series: {
                groupPadding: 0
            }
        },

---

更新。

第二个问题的答案：

每个阵列对象都有不同的标记可用。如果要为每个阵列对象添加相同的标记，则需要添加标记标记，如下代码所示：

series: [{
    name: 'Coupan',
    color: 'rgba(223, 83, 83, .5)',
    data: [[161.2, 51.6]],
    marker: {symbol: 'circle'}
 },{
    name: 'Coupan 2',
    color: 'rgba(223, 83, 83, .5)',
    data: [[167.5, 59.0]],
    marker: {symbol: 'circle'}
 }]

---

这将解决您的问题。

您所说的极左是什么意思？你不想要一个yaxis或者你想要它直接从轴旁边开始，而不是居中？关于第一点，我建议你熟悉这个主题：谢谢你的解决方案。在气泡图中，为什么不保持coupans的顺序？如图所示，第一个气泡是couple4，第二个是coupan3，第三个是coupan1，最后一个是coupan2。为什么？是因为我传递的字典吗？数据是x，y坐标。它将点放置在指定的x位置。另外，请注意，这是一个散点图，一个真实的气泡图也有一个标记大小的半径分量。海图也可以画出这些：