Question

我有两个问题： -

1）如何从最左边开始column chart？

2）在bubble chart中，我希望每个气泡应该有不同的名称。我试过这个： -

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],
                },
            ],

但是不是气泡，而是一些随机三角形出现随机值。这是不正确的jsFiddle。我哪里错了？

Answer 1

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

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'}
}

更新了小提琴here。

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

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

更新了fiddle。

Answer 2

回答第二个问题：

每个数组对象都有不同的标记。如果您想为每个数组对象使用相同的标记，则需要添加标记标记，如下面的代码所示：

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'}
 }]

这将解决您的问题。

Highcharts - 从最左边开始图表

2 个答案: