1

我有一个饼图。我要做的是在单击切片时显示/隐藏 ul 。ul 将包含每个单独的饼片唯一的额外数据，因此我希望仅在其切片上激活显示/隐藏。

此外， ul 将能够在单击时关闭，但我也希望它将其对应的饼图放回饼图中。听起来很容易，但我只是不太确定如何。

我在想我必须获得一些唯一的 id 并将它们映射到我的打开/关闭功能？有人可以帮我指出正确的方向吗？这解释得够清楚吗？

html:

<ul class="chart_data">
     <li>one</li>
     <li>two</li>
     <li>three</li>
     <li id="hide">close table</li>
</ul>

图表代码：

plotOptions: {
        pie: {
            point: {
                events: {
                    legendItemClick: function () {
                        show_table();
                        this.select();
                        chart2.tooltip.refresh(this);
                        return false;
                    }
                }   
            },
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: false
            },
            showInLegend: true,
            slicedOffset: 40
        },
        series :{
            point: {
                events: {
                    click: function() {
                        show_table();
                    },
                },
            },
        },
    },

和显示/隐藏功能：

function show_table() {
    $('.chart_data').toggle('slow');
    // there is other irrelevant stuff to this function, styling of the ul, etc.
};

$('#hide').click(function() {
    $('.chart_data').hide('slow');
});
4

1 回答 1

1

您可以选择和取消选择切片

 chart.series[0].data[index].select();

其中index代表切片的顺序。

看例子

于 2013-10-04T16:43:35.943 回答