Question

我无法确定这个* 。

JS小提琴：https://jsfiddle.net/elange/wcvsco0o/9/

情景：显示随着时间的推移，所有其他购买的拿铁购买趋势。

这始终是真的：Latte + Other = All

要求：

Latte计数显示在总数的顶部，如图所示。
用户可以看到＆＃34; Lattes＆＃34;独立于＆＃34;所有购买＆＃34;

当前解决方案：幽灵＆＃34;其他＆＃34;购买数据以提高＆＃34; Lattes＆＃34;最多匹配＆＃34;全部＆＃34;同时仍在工具提示中显示适量的拿铁咖啡。（理想情况下，工具提示和＆＃34;其他＆＃34;的所有元素都将被隐藏。）

*问题：如何处理需求。 2，隐藏＆＃34;其他＆＃34;当用户隐藏＆＃34; Total＆＃34;使用传奇？

使用按钮功能会很好（如计划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
                }
            }
        }
}]

}）;

隐藏/显示另一个系列时显示/隐藏系列

0 个答案: