Jquery 在高位图表柱形图中一次显示一个系列数据

我有下面的代码，我想一次显示单个系列数据，例如，一旦任何用户点击蛋白质和其他系列数据，如果显示隐藏。 当我单击两个图例时，两个系列数据都会显示，但我希望显示单个系列数据，而不是显示我单击的所有数据。当单击另一个图例时，然后选择“上一个”隐藏数据

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column',

            zoomType: 'x'
        },
        title: {
            text: 'CALORIES & NUTRIENTS OVER TIME',
            x: -20 //center
        },
        subtitle: {
            text: document.ontouchstart === undefined ?
                'Click and drag in the plot area to zoom in' :
                'Drag your finger over the plot to zoom in'
        },
        xAxis: {
            categories: ["10\/11\/13","09\/27\/13","09\/14\/13","09\/13\/13","09\/04\/13","08\/29\/13","08\/28\/13","08\/22\/13","08\/21\/13"],

            labels: {
                align: 'center',
                x:5,
                y: 40,
                rotation: 270,
                    style: {
                color: '#002060',
                fontWeight:'bold'
                    }
            }
        },
        yAxis: {
                min: 0,
                tickInterval: 500,
            title: {
                text: 'Average Intake'

            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:8px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y:.0f}</b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        legend: {
             title: {
                text: 'Nutrients<br/><span style="font-size: 9px; color: #666; font-weight: normal">(Click to View)</span>',
                style: {
                    fontStyle: 'italic'
                }
            },
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -10,
            y: 100,
            borderWidth: 0
        },
        credits: {
            enabled: false
        },
        series: [{name:"Calories",data:[583,567,2694,1628,1628,169,815,1628,1628],visible:true},{name:"Protein",data:[23,19,1,2,2,11,30,2,2],visible:false},{name:"Fat",data:[6,4,306,184,184,10,22,184,184],visible:false},{name:"Fiber",data:[17,17,0,0,0,4,21,0,0],visible:false},{name:"Carbohydrate",data:[122,123,0,0,0,10,133,0,0],visible:false},{name:"Sugar",data:[0,0,0,0,0,3,3,0,0],visible:false},{name:"Vit C",data:[0,0,0,0,0,32,32,0,0],visible:false},{name:"Vit A",data:[0,0,2583,1553,1553,544,609,1553,1553],visible:false},{name:"Vit E",data:[0,0,9,5,5,3,3,5,5],visible:false},{name:"Vit D",data:[0,0,6,3,3,0,0,3,3],visible:false}]
    });
});

$（函数（）{
$（“#容器”）。高图({
图表：{
键入：“列”，
zoomType:'x'
},
标题：{
文字：“随时间变化的卡路里和营养素”，
x:-20/中心
},
副标题:{
text:document.ontouchstart==未定义？
'在绘图区域中单击并拖动以放大'：
'将手指拖动到绘图上以放大'
},
xAxis：{
类别：[“10\/11\/13”、“09\/27\/13”、“09\/14\/13”、“09\/13\/13”、“09\/04\/13”、“08\/29\/13”、“08\/28\/13”、“08\/22\/13”、“08\/21\/13”]，
标签：{
对齐：'居中'，
x:5，
y:40，
轮调：270，
风格：{
颜色：“#002060”，
fontWeight:“粗体”
}
}
},
亚克斯：{
分:0,，
时间间隔：500，
标题：{
正文：“平均摄入量”
}
},
工具提示：{
headerFormat:“{point.key}”，
pointFormat:“{series.name}:”+
“{point.y:.0f}”，
页脚格式：“”，
分享：是的，
useHTML:true
},
图例：{
标题：{
文本：“营养素
（单击查看）”，
风格：{
字体：“斜体”
}
},
布局：“垂直”，
对齐：“右”，
垂直排列：“顶部”，
x:-10，
y:100，
边框宽度：0
},
学分：{
已启用：false
},
系列：[{name:“卡路里”，数据：[58356726941628162816981516281628]，可见：真，{name:“蛋白质”，数据：[23,19,1,2,2,11,30,2,2]，可见：假}，{name:“脂肪”，数据：[6,4306184184,10,22184]，可见：假}，{name:“纤维”，数据：[17,17,0,0,0,0,0,0,0]，可见：假}，{name:“碳水化合物”，数据：[1220,0,0,0,10133，{name:“糖，}，{，数据：[0,0,0,0,3,3,0,0,0]，可见：假}，{name:“Vit C”，数据：[0,0,0,0,32,32,0,0,0,0]，可见：假}，{name:“Vit A”，数据：[0,0258315553155354460915531553]，可见：假}，{name:“Vit E”，数据：[0,0,9,5,5,5,3,5,5]，可见：假}，{name:“Vit D”，数据：[0,6,3,3,0,0,3]，可见]
});
});

我建议熟悉legendItemClcik操作，该操作允许控制单击事件

如果您需要单击point/serie上的操作，则需要使用