Javascript 为什么我的对象没有将数据填充到图表中？（包括演示）

问题：为什么我的对象没有将数据填充到图表中

背景：我正在创建一个财务计算器，成功提交后，将向用户显示一个带有年度计算的条形图

问题：似乎我的变量

var json

和

var stringData

正在捕获数据，但当我将它们中的任何一个传递给我的

chart.data（）

变量（例如

chart.data=[stringData]；

）时，数据没有填充到表中。我已经在StackOverflow周围寻找了一些关于这个问题的帮助，但是我还没有找到任何实质性的东西。任何帮助都将不胜感激

问题行：我认为可以仔细检查的代码行是69、82-85、91和102

jshiddle图表中工作数据的示例：

演示：

$（“#提交”）。单击（函数（）{
变量名称=$（“#名称”），
年龄=$（“#年龄”），
保留=$（“#保留”），
retPackage=$（“#retPackage”），
贡献=$（“#年度贡献”），
利率=$（“#年利率回报”），
显示=$（“#显示”）；
var nameVal=name.val（），
ageVal=age.val（），
retAgeVal=retAge.val（），
工作年限=保留值-保留值，
retPackageVal=parseFloat（retPackage.val（）），
contributionVal=parseFloat（contribution.val（）），
rateVal=parseFloat（rate.val（））；
如果（nameVal==''| | ageVal==''| | ageVal>retAgeVal | retAgeVal==''| | | retAgeValretAgeVal）{
age.addClass（'error'）；
}否则{
age.removeClass（'error'）；
}
//检查退休年龄是否为空或退休年龄是否小于
如果（保留值==''| |保留值年龄估计年收入：{categoryX}

401（k）值：
{401k}
`;
series.tooltip.label.interactionEnabled=true；
series.tooltip.pointerooritation=“垂直”；
//添加颜色以填充工具提示
series.tooltip.getFillFromObject=false；
series.tooltip.background.fill=am4core.color（“#fff”）；
series.tooltip.background.cornerRadius=0；
series.tooltip.strokeWidth=0；
series.tooltip.getFillFromObject=false；
//series3.tooltip.background.fill=am4core.color（“#fff”）；
//series3.tooltip.label.fill=am4core.color（“#000”）；
//添加光标
chart.cursor=新的am4charts.XYCursor（）；
//添加图例
chart.legend=新的am4charts.legend（）；
//结束图表
})

input[type=“text”]，
输入[type=“number”]{
利润率：5px0px；
填充：10px；
边框：1px实心#999；
}
.错误{
边框：1px实心#FF0000！重要；
}
/*图表样式*/
身体{
字体系列：-苹果系统，BlinkMacSy
// Add data
chart.data = json;