来自谷歌电子表格的Highcharts数据隐藏了除开始之外的所有系列

时间:2014-01-27 15:34:03

标签: javascript jquery highcharts spreadsheet

我正试图从谷歌电子表格中获取数据,然后通过highcharts显示它。 以下代码实现了神奇。

$('#container4').highcharts({
    data: {
        googleSpreadsheetKey: '0AtF0efQI2GskdE5Yei1VODZuTlBKUi1rc0JnNmxRQVE'
    },
    title: {
        text: 'Playground'
    }
});

我想在初始加载时隐藏除第一个之外的所有系列。然后,用户可以显示/隐藏为highcharts的默认功能。

任何帮助?

这是jsfiddle链接。 http://jsfiddle.net/sulmanpucit/AYYCv/141/

2 个答案:

答案 0 :(得分:2)

您可以使用plotOptions默认隐藏所有系列。然后在回调中显示第一个系列:http://jsfiddle.net/AYYCv/142/

$('#container4').highcharts({
    data: {
        googleSpreadsheetKey: '0AtF0efQI2GskdE5Yei1VODZuTlBKUi1rc0JnNmxRQVE'
    },
    plotOptions: {
        series: {
            visible: false
        }
    },
    title: {
        text: 'Playground'
    }
}, function(chart) {
    chart.series[0].show();   
});

答案 1 :(得分:0)

您需要以某种方式预处理数据。要在将数据解析为json并创建系列之后执行此操作,您可以使用visible属性,如下所示:

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    visible: false
}, {
    data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
}]