我正试图从谷歌电子表格中获取数据,然后通过highcharts显示它。 以下代码实现了神奇。
$('#container4').highcharts({
data: {
googleSpreadsheetKey: '0AtF0efQI2GskdE5Yei1VODZuTlBKUi1rc0JnNmxRQVE'
},
title: {
text: 'Playground'
}
});
我想在初始加载时隐藏除第一个之外的所有系列。然后,用户可以显示/隐藏为highcharts的默认功能。
任何帮助?
这是jsfiddle链接。 http://jsfiddle.net/sulmanpucit/AYYCv/141/
答案 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]
}]