视图数据表和图表highcharts之间开关[关闭]

Question

我有两个高图表。我采取的出口，并下载和饼图和柱状图之间进行切换，但我在这里有两个问题：

1. 当我从酒吧到饼图交换机它不工作。
2. 当我点击视图，数据表图应该是隐藏的，该表具有图表的地方显现。

please find the code here on jsfiddle.net

[1][:https://jsfiddle.net/GnanaSagar/psnh87ud/16/][1]    

Answer 1

如果你使用pie图表类型，你只能有一个系列。最好的办法来改变pie图表bar图是把所有的数据连接到一个系或使用不同的图表类型。

series: [{
    legendType: 'point',
    name: 'Tokyo',
    colorByPoint: true,
    data: [{
        x: -0.2,
        y: 10,
        name: 'A'
    }, {
        x: 0.2,
        y: 20,
        name: 'B'
    }, {
        x: 0.8,
        y: 25,
        name: 'C'
    }, {
        x: 1.2,
        y: 20,
        name: 'D'
    }, {
        x: 1.8,
        y: 10,
        name: 'E'
    }, {
        x: 2.2,
        y: 20,
        name: 'F'
    }]
}]

要切换的数据表：

$('#viewDataTable').click(function() {
    var chart = Highcharts.charts[0],
        chartDiv = $(chart.renderTo);

    if (chartDiv.is(":visible")) {
        chartDiv.hide();
        if (!chart.dataTableDiv) {

            chart.update({
                exporting: {
                    showTable: true
                }
            });
        } else {
            $(chart.dataTableDiv).show();
        }
    } else {
        chartDiv.show();
        $(chart.dataTableDiv).hide();
    }
});

现场演示：https://jsfiddle.net/BlackLabel/zL0agnwt/

API：https://api.highcharts.com/highcharts/exporting.showTable