Question

是否可以使用具有负值的垂直堆叠条形图（使用高图）。

像这样： http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/

        series: [{
            name: 'John',
            data: [5, -3, 4, 7, 2]
        }, {
            name: 'Jane',
            data: [2, 2, -31, 2, 1]
        }, {
            name: 'Joe',
            data: [3, 4, 4, 2, 5]
        }]

不幸的是，负值不会注册。

这似乎是一个解决方案： http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-negative-stack/

但出于视觉原因，我需要垂直的条形图。

对修复的任何想法都将非常感谢！

谢谢，

汤姆

Answer 1

我试图取得同样的结果。检查这个小提琴，让我知道=] 我用过：

chart: {
    type: 'column'
},
plotOptions: {
    series: {
        stacking: 'normal'
    }
}

jsfiddle for vertical stacked bars w negatives

编辑：尝试将类型更改为“栏”。这将使图表“列”变为水平=]

jsFiddle for horizontal stacked bars w negatives

Answer 2

“堆叠列”的Highcharts演示代码不适用于负值，原因很简单，原因是示例代码中y轴范围受到限制。答案在于从min=0选项中删除yAxis参数。

yAxis选项应显示为

    yAxis: {
        title: {
            text: 'Total fruit consumption'
        },
        stackLabels: {
            enabled: true,
            style: {
                fontWeight: 'bold',
                color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
            }
        }
    }

使用这些选项后，“堆积柱形图”图表的示例代码将正确显示负值。

Answer 3

您可以使用堆叠列，然后将inverted参数设置为true，然后图表将会旋转。

具有负值的Highcharts垂直堆积条形图，是否可能？

3 个答案: