Javascript 隐藏/显示其他序列时显示/隐藏序列

我想不出这一个

JS小提琴在这里：

情景：显示一段时间内拿铁消费相对于所有其他消费的趋势

这总是正确的：拿铁+其他=全部

要求：

如图所示，Latte计数沿总数的顶部显示

用户可以独立于“所有购买”看到“拿铁”的趋势

当前解决方案：重影“其他”购买数据以提高“拿铁”的数量，使之与“全部”的总数相匹配，同时仍在工具提示中显示正确数量的拿铁。（理想情况下，“其他”的工具提示和所有元素都将隐藏。）

*问题：我如何处理req。2，并在用户使用图例隐藏“总计”时隐藏“其他”系列

使用按钮功能（如方案B所示）是可以的，但在这种情况下无法理解该按钮的实现。无需使用按钮即可工作的额外积分

我感谢你的帮助

Highcharts.chart('container', {
chart: {
    type: 'area'
},
title: {
    text: 'Latte Purchases'
},
subtitle: {
    text: 'At The Coffee House'
},
xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
    tickmarkPlacement: 'on',
    title: {
        enabled: false
    }
},
yAxis: {
    labels: {
        formatter: function () {
            return this.value / 1;
        }
    }
},
tooltip: {
    split: true,
    valueSuffix: ' visits'
},
plotOptions: {
    area: {
        stacking: 'normal',
        lineColor: '#666666',
        lineWidth: 1,
        marker: {
            lineWidth: 1,
            lineColor: '#ffffff'
        }
    }
},
series: [{
    name: 'All',
    stack: null,
    color: '#616161',
    fillColor: '#616161',
    data: [44, 50, 63, 78, 82, 86, 100]
}, {
    name: 'Latte',
    color: '#26c4ee',
    stack: true,
    data: [19, 22, 24, 24, 28, 32, 34],
    marker: {
        fillColor: '#26c4ee'
    }
}, {
    name: 'Other',
    fillColor: '#616161',
    showInLegend: false,
    showPoint: false,
    linkedTo: 'Total',
    stack: true,
    data: [25, 28, 39, 54, 54, 54, 66],
    marker: {
            enabled: false,
            states: {
                hover: {
                    enabled: false
                }
            }
        }
}]

---

}))

将linkedTo选项设置为该系列的正确id-但我不确定它是否是您想要的。更好的解释可能会有帮助。这就做到了。。。非常感谢。而且不公平。。。我在上面有代码，但直到你这么做它才起作用。^）（至少，我看不出有什么大区别）