当前位置：首页 → 问答吧 → Highcharts的Stacked percentage图表如何隐藏图例

Highcharts的Stacked percentage图表如何隐藏图例

时间：2011-11-30

来源：互联网

如何去掉下面的那个单击隐藏

http://www.highcharts.com/demo/column-drilldown

。。我已经改成这样了，还要修改哪里
var chart;
$(document).ready(function () {
var colors = Highcharts.getOptions().colors,
categories = ['成功', '失败'],

data = [{
y: 55.11,
color: colors[0]
}, {
y: 11.94,
color: colors[2]
}];

chart = new Highcharts.Chart({
chart: {
renderTo: 'cc',
type: 'column'
},
title: {
text: ''
},
subtitle: {
text: ''
},
xAxis: {
categories: categories
},
yAxis: {
title: {
text: ''
}
},
plotOptions: {
column: {
cursor: 'pointer',

dataLabels: {
enabled: true,
color: colors[0],
style: {
fontWeight: 'bold'
},
formatter: function () {
return this.y + '(个)';
}
}
}
},
tooltip: {
formatter: function () {
var point = this.point,
s = '运行' + this.x + '的有' + ':<b>' + this.y + '个</b><br/>';
return s;
}
},
series: [{
name: '', //这边。一旦name=空或者null 会自动加上一个series1.，，series整个去掉的话，图又显示不出来。
data: data,
color: 'red'
}],
exporting: {
enabled: false
}
});
});

作者: q2104574 发布时间: 2011-11-30

测试例子：http://jsfiddle.net/9uMzq/

参考如下代码：
JScript code

var chart;
$(document).ready(function () {
    var colors = Highcharts.getOptions().colors,
        categories = ['成功', '失败'],

        data = [{
            y: 55.11,
            color: colors[0]
        }, {
            y: 11.94,
            color: colors[2]
        }];


    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'cc',
            type: 'column'
        },
        title: {
            text: ''
        },
        subtitle: {
            text: ''
        },
        xAxis: {
            categories: categories
        },
        yAxis: {
            title: {
                text: ''
            }
        },
        plotOptions: {
            column: {
                cursor: 'pointer',

                dataLabels: {
                    enabled: true,
                    color: colors[0],
                    style: {
                        fontWeight: 'bold'
                    },
                    formatter: function () {
                        return this.y + '(个)';
                    }
                }
            },
            series: {
                showInLegend: false
            }
        },
        tooltip: {
            formatter: function () {
                var point = this.point,
                    s = '运行' + this.x + '的有' + ':<b>' + this.y + '个</b><br/>';
                return s;
            }
        },
       
        ignoreHiddenSeries: true,
        series: [{
            name: '',
            //这边。一旦name=空或者null 会自动加上一个series1.，，series整个去掉的话，图又显示不出来。
            data: data,
            color: 'red'
        }],
        exporting: {
            enabled: false
        }
    });
});