如果我想单击按钮让图表出现或消失，“显示：无”不起作用
[英]“Display:none” does not work if i want to click on a button to let a graph appear or disappear
问题描述
让图表出现和消失是行不通的。 当我切换时，标签和轴 al 出现在完全相同的位置。 有人能帮我吗？ 我认为这与文章（id为“chart”）和canvas（id="cvs"）有关。 这是我保存为 HTML 文件的整个代码。
<!DOCTYPE html>
<html lang="en">
<head>
<title> Budget </title>
<meta charset="utf-8">
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.dynamic.js"></script>
<script src="RGraph.bar.js"></script>
<style>
#click
{
position: absolute;
left: 125px;
top: 350px;
}
</style>
</head>
<body>
<header></header>
<p id="click" onclick="showChart()">Show</p>
<article id="chart" style="display:none">
<h2> TEST </h2>
<canvas id="cvs" width="800" height="300"></canvas>
</article>
</body>
</html>
在我的功能 showChart 中，我参考了 HTML 代码中的文章和 canvas，但它似乎不适用于轴和标签。 轴和标签都出现在左上角完全相同的位置。 我试图用 div 或 section 替换 canvas 但它不起作用。 此外 style="display:none" 似乎也仅适用于图形本身，而不适用于轴、标签和标题。
<script>
bar = new RGraph.Bar
(
{
id: 'cvs',
data: [36.55, 40.4, 40.4, 52],
options:
{
xaxisLabels: ['1','2','3','4'],
title: "Scales",
adjustable: true,
marginLeft: 50,
yaxisScaleMax: 100,
labelsAbove: true,
}
}
)
.draw()
function showChart()
{
var x = document.getElementById("chart");
if (x.style.display === "none")
{
x.style.display = "block";
}
else
{
x.style.display = "none";
}
}
</script>
0 个解决方案
添加DISPLAY：NONE，可在以下情况下通过jQuery进行跨度：鼠标单击跨度外或单击EXIT按钮，等等
[英]Add DISPLAY: NONE to span via jQuery when: mouse-click outside span, OR click EXIT button, etc+
我想知道为什么 setState 在 onSubmit 中不起作用 function
[英]I want to know why setState does not work in onSubmit function
我的 function 打印出来后没有打印出来：我想要什么，但后来什么都不打印，我不希望它在那之后不打印
[英]my function prints out none after it prints out: what I want but then print none, I do not want it to print out none after that
选择项目时显示“继续”按钮，取消选择项目时消失
[英]Make "continue" button appear when items selected and disappear when items unselected
如何使第一个 onclick 上的按钮消失，等待几秒钟后在另一个 position 上出现？
[英]How to make a button disappear on first onclick, wait, then appear a few seconds later in another position?
我想添加一个可以加载下一个图像文件并将其显示到 canvas 的按钮
[英]I want to add a button which can load next image file and display it to canvas
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
需要计算按钮上的复选框点击它不起作用
绑定如何工作
添加DISPLAY：NONE，可在以下情况下通过jQuery进行跨度：鼠标单击跨度外或单击EXIT按钮，等等
如何使消息出现并在一段时间后消失？
我想知道为什么 setState 在 onSubmit 中不起作用 function
我的 function 打印出来后没有打印出来：我想要什么，但后来什么都不打印，我不希望它在那之后不打印
选择项目时显示“继续”按钮，取消选择项目时消失
如何使第一个 onclick 上的按钮消失，等待几秒钟后在另一个 position 上出现？
list.append（）似乎无法正常工作
我想添加一个可以加载下一个图像文件并将其显示到 canvas 的按钮
相关标签