类别为nu​​ll时隐藏数字

时间:2013-07-18 14:56:04

标签: javascript jquery highcharts

请仔细看看下面的小提琴,其中我试图删除类别,但删除类别默认情况下将其放置数字而不是它,并在工具提示中显示这些数字。

我想要做的就是类别或数字不会显示在图表或工具提示上,并且图表上只显示堆叠条,所以请让我知道我该怎么做。谢谢,

http://jsfiddle.net/EJFsH/3/

$(function () {

    var data = [ {
        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;
    });


    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: 'Historic World Population by Region'
        },
        subtitle: {
            text: 'Source: Wikipedia.org'
        },
        xAxis: {

            title: {
                text: null
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Population (millions)',
                align: 'high'
            },
            labels: {
                overflow: 'justify'
            }
        },
        tooltip: {
            valueSuffix: ' millions'
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                }
            }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -100,
            y: 100,
            floating: true,
            borderWidth: 1,
            backgroundColor: '#FFFFFF',
            shadow: true
        },
        credits: {
            enabled: false
        },
        series: data
    });
});

1 个答案:

答案 0 :(得分:1)

我不是100%肯定你的要求。但是,要关闭XAxis或yAxis标签,juse标签:{enabled:false}并更改工具提示使用工具提示:{formatter:function(){...}}

看到这个小提琴: http://jsfiddle.net/6ypq4/

xAxis: {

    title: {
        text: null
    },
    labels : {
        enabled: false
    }
},
yAxis: {
    min: 0,
    title: {
        text: 'Population (millions)',
        align: 'high'
    },
    labels: {
        overflow: 'justify',
        enabled: false
    }
},
tooltip: {
    formatter: function() {
            return this.y + ' millions';
    }
},