Javascript 添加使用Highchart在图形和表格之间切换的按钮
我正在用Highcharts库创建图表,我想知道是否可以添加一个按钮在图表和数据表之间切换。我实际上在用这个。Javascript 添加使用Highchart在图形和表格之间切换的按钮,javascript,highcharts,Javascript,Highcharts,我正在用Highcharts库创建图表,我想知道是否可以添加一个按钮在图表和数据表之间切换。我实际上在用这个。 也许有人可以帮我?您只需要切换图表和表格容器的显示样式,例如: document.getElementById('toggle').addEventListener('click', function() { var chartContainer = chart.renderTo, dataTable = document.getElementById('dat
也许有人可以帮我?您只需要切换图表和表格容器的显示样式,例如:
document.getElementById('toggle').addEventListener('click', function() {
var chartContainer = chart.renderTo,
dataTable = document.getElementById('datatable');
if (chartContainer.style.display === "none") {
chartContainer.style.display = "block";
dataTable.style.display = "none";
} else {
chartContainer.style.display = "none";
dataTable.style.display = "block";
}
});
现场演示:
API参考:您的意思是绘制两个版本,然后用CSS切换要隐藏的版本吗?或者动态更改内容?是的,绘制两个版本,因为我的表格数据作为高位图表的数据提供。我想在datatable和highchart之间切换。我不想更改内容,因为表中的数据与图表中的数据相同。在此链接中,切换按钮用于表格的方式。