Question

我在高图中有一个简单的列图，有两个数据系列。我想完成以下两件事：

首先，仅显示第一对列（案例1）。
然后，当用户点击任意位置时，显示所有剩余的列（案例2和3）。

怎么办呢？

$(function () { 
    $('#container').highcharts({
       chart: {
            type: 'column'
        },
        xAxis: {
            categories: ['Case 1', 'Case 2', 'Case 3'],
        },
        series: [{
            name: 'Type A',
            data: [ 10, 20, 30 ]
        }, {
            name: 'Type B',
            data: [ 15, 20, 25 ]
        }]
    });
});

Answer 1

这是我将要使用的解决方法：

首先将数据设置为0
插入按钮;按下时，修改数据

为此，在HTML部分中添加一个按钮：

>>> import urllib.parse
>>> urllib.parse.quote('öäü')
'%C3%B6%C3%A4%C3%BC'
>>> urllib.parse.parse_qs('v=' + _)
{'v': ['öäü']}
>>> urllib.parse.parse_qs('v=' + '%F6%E4%FC') # That encoded String from the Browser
{'v': ['���']}

...并在JS部分添加一个按钮处理程序：

<button id="button" class="autocompare">Reveal whole graph</button>

如果没有修改数据有更好的答案，请告诉我。

Highcharts：点击显示条形图的一部分

1 个答案: