Javascript 如何使Google折线图引用元素值而不是静态数字

我目前正试图设计一个Google图表，它是基于html文档中某些div标记中的值建模的

目前，文档中有许多标签，例如：

<div id="abc"> 11000 </div>
<div id="def"> 12500 </div>
<div id="ghi"> 17000 </div>

---

然而，这似乎不起作用，我不知道如何让它起作用。

它会起作用，首先，有几件事

javascript区分大小写，将

getElementByID

更改为

getElementByID

（注意最后一个字母）

getElementById

获取元素，但您需要元素的内容。
使用

innerHTML

获取内容

var y1 = document.getElementById('abc').innerHTML;

最后，谷歌图表预计y值为一个数字，

innerHTML

返回一个字符串

使用

parseFloat

将字符串转换为数字

parseFloat(y1)

请参阅以下工作片段

google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var y1=document.getElementById（'abc'）.innerHTML；
var y2=document.getElementById（'def'）.innerHTML；
var y3=document.getElementById（'ghi'）.innerHTML；
var data=google.visualization.arrayToDataTable([
['年龄'，'当前']，
[25'，p（y1）]，
['35'，浮动（y2）]，
[45'，parseFloat（y3）]，
]);
变量选项={
标题：“余额比较”，
curveType:'函数'，
图例：{位置：'bottom'}
};
var chart=new google.visualization.LineChart（document.getElementById（'curve_chart'）；
图表绘制（数据、选项）；
});

11000
12500
17000
它会起作用，首先，有几件事

javascript区分大小写，将
getElementByID
更改为
getElementByID
（注意最后一个字母）

getElementById
获取元素，但您需要元素的内容。

使用
innerHTML
获取内容

var y1 = document.getElementById('abc').innerHTML;

最后，谷歌图表预计y值为一个数字，

innerHTML
返回一个字符串

使用
parseFloat
将字符串转换为数字

parseFloat(y1)

请参阅以下工作片段


google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var y1=document.getElementById（'abc'）.innerHTML；
var y2=document.getElementById（'def'）.innerHTML；
var y3=document.getElementById（'ghi'）.innerHTML；
var data=google.visualization.arrayToDataTable([
['年龄'，'当前']，
[25'，p（y1）]，
['35'，浮动（y2）]，
[45'，parseFloat（y3）]，
]);
变量选项={
标题：“余额比较”，
curveType:'函数'，
图例：{位置：'bottom'}
};
var chart=new google.visualization.LineChart（document.getElementById（'curve_chart'）；
图表绘制（数据、选项）；
});

11000
12500
17000
这个问题有进展吗？这个问题有进展吗？