Question

如果类别的所有条形值等于0

，如何删除类别

见：（http://jsfiddle.net/no1uknow/EJFsH/1/）

如果只有一个条形等于0，则不应移除条形。但是如果所有3个条都等于0，则应该删除该类别。

chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        title: {
            text: 'Stacked column chart'
        },
        xAxis: {
            categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Total fruit consumption'
            },
            stackLabels: {
                enabled: true,
                style: {
                    fontWeight: 'bold',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'blue'
                }
            }
        },
        legend: {
            align: 'right',
            x: -100,
            verticalAlign: 'top',
            y: 20,
            floating: true,
            backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'gray',
            borderColor: '#CCC',
            borderWidth: 1,
            shadow: false
        },
        tooltip: {
            formatter: function() {
                return '<b>'+ this.x +'</b><br/>'+
                    this.series.name +': '+ this.y +'<br/>'+
                    'Total: '+ this.point.stackTotal;
            }
        },
        plotOptions: {
            column: {
                stacking: 'normal',
                dataLabels: {
                    enabled: true,
                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                }
            }
        },
        series: [{
            name: 'John',
            data: [5, 3, 4, 7, 2]
        }, {
            name: 'Jane',
            data: [2, 2, 3, 2, 1]
        }, {
            name: 'Joe',
            data: [3, 4, 4, 2, 5]
        }]
    });
});

Answer 1

您需要在初始化图表之前过滤数据，如下所示：

var data = [{
    name: 'Year 1800',
    data: [0, 0, 0, 0, 0]
}, {
    name: 'Year 1900',
    data: [0, 156, 947, 408, 6]
}, {
    name: 'Year 2008',
    data: [0, 914, 4054, 732, 34]
}];

data = $.grep(data, function (category) {
    return $.grep(category.data, function (item) {
        return item > 0;
    }).length > 0;
});

http://jsfiddle.net/EJFsH/2/

Answer 2

问题在于，当您想要动态删除类别（通过setCategories函数设置它们）时，您还应该关注数据系列中的元素。换句话说，当您想要修改类别时，您还应该删除数据点。在使用highcharts中的数据之前，最好准备没有零的数据。

Highcharts条形图当类别的所有条形值等于0时删除类别

2 个答案: