Question

以下是代码链接：https://jsfiddle.net/chong789456/a77pj67b/3/

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    title: {
        text: 'Stacked column chart'
    },
    xAxis: {
         categories: ["c1", "c2", "c3", "c4"],
    },
    yAxis: {
        min: 0,
        title: {
            text: 'Total fruit consumption'
        }
    },
    legend: {
        align: 'right',
        x: -30,
        verticalAlign: 'top',
        y: 25,
        floating: true,
        backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
        borderColor: '#CCC',
        borderWidth: 1,
        shadow: false
    },
    tooltip: {
        useHTML: true,
        formatter: function() {
            var tooltip = '';
            tooltip = '<b style="color:' + this.point.series.color + ';">Type: </b>' + this.point.series.name + '<br>';
            tooltip += '<b style="color:' + this.point.series.color + ';">Clicks: </b>' + Highcharts.numberFormat(this.point.y, 0, '.', ',') + '<br>';
            return tooltip;
        }
    },
    plotOptions: {
        column: {
            stacking: 'normal'           
        },
         series: {
            minPointLength: 10
        }
    },
    series: [
        {
            color: '#8fdc87',
            name: 'orange',
            data: [
                14943,0,3857,34
            ]
        },{
            color: '#7CB5EC',
            name: 'apple',
            data: [
                0,0,0,0
            ]
        },
    ],
});

我有4个类别（c1，c2，c3，c4）和2个系列（橙色，苹果）。

问题是，对于类别c4，橙色的数字是34而苹果的数字是0，只有苹果在c4中显示，如图所示。我想要那里的橙色节目，工具提示也应该显示如下：类型：橙色点击次数：34

我很困惑Orange没有在C4中显示，因为它的点击次数不是0.任何人都可以提供帮助吗？谢谢吨！

=============================================== ==

我现在已经解决了这个问题！：）链接在这里： https://jsfiddle.net/75zk3w08/1/

series: [
    {
        color: '#8fdc87',
        name: 'orange',
        data: [
            14943,null,3857,34
        ]
    },{
        color: '#7CB5EC',
        name: 'apple',
        data: [
            null,null,null,null
        ]
    },
],

这两个例子中唯一不同的是系列部分。如果我将值设置为null，则它不会显示在图表中。

Answer 1

你可以设置yAxis：{min：0，max：100} y轴的最小值和最大值。这将影响y轴刻度，如示例所示您只需设置最小y轴，请查看以下

Highcharts Stack专栏问题

1 个答案: