如何在Highcharts的柱状图中显示值为零的列?

9
我现在要传递的内容是:
       series: [{
                        name: 'Fixed bugs',
                        data: fixed,
                        pointWidth: 40
                    }, {
                        name: 'Assigned Bugs',
                        data:assigned,
                        pointWidth: 40
                    }, {
                        name: 'Re-Opened Bugs',
                        data: Reopened,
                        pointWidth: 40
                    },
                    {
                        name: 'Closed Bugs',
                        data: closed,
                        pointWidth: 40
                    }]

针对这个图表,我的数据如下:

     data: fixed=[3,5,5,8]
    data:assigned=[0,1,0,0] 

接下来我想展示值为零的列... 对于我来说,它没有显示值为零的列。


1
如果为零,则该列不应有高度。如果值为零-您只想显示它为零吗?我有点困惑,不知道您希望它看起来像什么。 - wergeld
@wergeld 是的,我想要显示该列为零。 - SoftwareNerd
4个回答

41

minPointLength会起作用,请使用它。

plotOptions: {
    column: {
    minPointLength: 3
    }
}

13
你可以通过minPointLength选项轻松实现此操作。它设置每列的最小像素数, 默认为 0 ,因此零值不会显示出来。文档在这里请尝试此JSFiddle

0

不确定您想要显示什么,但也许您可以尝试像这样显示数据标签:

plotOptions: {
    series: {
        dataLabels: {
            enabled: true,
            color: 'gray'
        }
    }
}

尝试演示


@Qyvindk 我想要在列的值为零时显示零列。 - SoftwareNerd
我不是图论专家,但这是否意味着该列具有大于或小于零的值?也许你可以画一个草图展示你想要的图表样式? - OyvindK

0

这里有一种方法可以实现 - 尽管我认为将列设置为零值且不可见是最好的方法。

找到一个非常非常小的数字,使得您的任何数据点都不会具有该数字,但仍保持大于0。假设它是 .005。当您导入数据时,将任何值为0的值分配给此 .005 值。在您的工具提示格式化程序中对该值进行 IF 操作。如果它是 .005,则将其设置为0。这样,您就可以看到“零”列,但工具提示显示也将为0。如果您对堆叠列进行任何计算,则还需要考虑其中的非0 0值。


一个好的解释和一个好的答案...我会尝试这个。 - SoftwareNerd
1
这不应该是被接受的答案。应该使用desired loginThilaga的答案。请只使用minPointLength - Jeffrey Roosendaal

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接