如何获取标签存储的数据赋值给变量并用于图表绘制？

当然可以把标签里的数据取出来赋值给变量，再用到图表里，你现在的代码问题出在获取元素内容的方式不对。

你的错误点 #

你用了document.getElementById("percentage1").label，但普通HTML元素（不管是<p>还是<label>）都没有.label这个属性，这不是获取元素内容的正确方式。

正确的做法 #

1. 获取标签里的内容：用textContent或者innerHTML来获取元素内的文本内容：

// 获取带%符号的文本，比如"35%"
let porcText = document.getElementById("percentage1").textContent;

2. 转换为图表可用的数字类型：因为你存的内容是带%的字符串，图表一般需要数字，所以要去掉%并转成数字：

// 去掉%，转成浮点数
let PorcElement6 = parseFloat(porcText.replace("%", ""));

3. 用于图表数据：现在这个变量就是数字类型了，可以直接放到data数组里：

data: [PorcElement6, PorcElement7, PorcElement8, PorcElement9, PorcElement10],

额外提示 #

如果你的元素是<label>标签，同样不能用.label属性获取内容，还是要用textContent或innerHTML——区别在于textContent只取纯文本，innerHTML会包含元素内的HTML标签（你这里不需要，用textContent更安全）。

内容的提问来源于stack exchange，提问作者Yer