Javascript 谷歌电子表格中的Highcharts数据隐藏所有系列,除了一个在开始时
我试图从谷歌电子表格中获取数据,然后通过highcharts显示出来。 下面的代码发挥了神奇的作用Javascript 谷歌电子表格中的Highcharts数据隐藏所有系列,除了一个在开始时,javascript,jquery,highcharts,spreadsheet,Javascript,Jquery,Highcharts,Spreadsheet,我试图从谷歌电子表格中获取数据,然后通过highcharts显示出来。 下面的代码发挥了神奇的作用 $('#container4').highcharts({ data: { googleSpreadsheetKey: '0AtF0efQI2GskdE5Yei1VODZuTlBKUi1rc0JnNmxRQVE' }, title: { text: 'Playground' } }); 我想在初始加载时隐藏除第一个系列之外的所有系列
$('#container4').highcharts({
data: {
googleSpreadsheetKey: '0AtF0efQI2GskdE5Yei1VODZuTlBKUi1rc0JnNmxRQVE'
},
title: {
text: 'Playground'
}
});
我想在初始加载时隐藏除第一个系列之外的所有系列。然后用户可以显示/隐藏highcharts的默认功能
有什么帮助吗
这里是jsfiddle链接。
您需要以某种方式对数据进行预处理。要在将数据解析为json并创建序列后执行此操作,可以使用如下属性:
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]
}]
默认情况下,可以使用“打印选项”隐藏所有系列。然后在callback show first series中:
$('#container4').highcharts({
data: {
googleSpreadsheetKey: '0AtF0efQI2GskdE5Yei1VODZuTlBKUi1rc0JnNmxRQVE'
},
plotOptions: {
series: {
visible: false
}
},
title: {
text: 'Playground'
}
}, function(chart) {
chart.series[0].show();
});