带有负值的Highcharts垂直堆积条形图，有可能吗？答案

【问题标题】：Highcharts vertical stacked bar chart with negative values, is it possible?带有负值的Highcharts垂直堆积条形图，有可能吗？
【发布时间】：2013-08-13 13:17:55
【问题描述】：

是否有可能拥有一个带有负值的垂直堆叠条形图（使用高图）。

像这样： 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/

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

任何关于修复的想法将不胜感激！

谢谢，

汤姆

【问题讨论】：

第一个小提琴链接已失效。请提供一个工作链接。作为一般数据可视化规则，堆积柱形图/条形图只能绘制正值。
链接没死，我觉得jsfiddle可能挂了？
对。 jsfiddle 刚才看不起downforeveryoneorjustme.com/jsfiddle.net。我稍后再试。

标签： javascript charts highcharts

【解决方案1】：

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

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

jsfiddle for vertical stacked bars w negatives

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

jsFiddle for horizontal stacked bars w negatives

【讨论】：

【解决方案2】：

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

yAxis 选项应为

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

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

【讨论】：

【解决方案3】：

您可以使用堆积柱，然后将inverted参数设置为true，然后图表将被旋转。

【讨论】：

所以当我倒置它时，它将是标准的堆叠列，所以说实话我不确定你想要实现什么。你能提供一个包含你的概念的模型吗？
你设法让它旋转？我想创建一个这样的图表oi43.tinypic.com/2mg7g3o.jpg 谢谢。
我不能使用负值，除非我弄错了？
如果你不能使用负值但在数据中使用负值，那就太奇怪了。