1

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

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

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

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

谢谢，

汤姆

4

3 回答 3

8

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

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

jsfiddle用于垂直堆叠条带负片

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

jsFiddle 用于带负数的水平堆叠条

于 2013-12-02T16:39:54.987 回答
1

“堆叠列”的 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'
            }
        }
    }

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

于 2018-07-11T09:58:15.530 回答
0

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

于 2013-08-12T09:41:07.303 回答