在JavaScript对象文本中使用变量

基本上，我很难从输入框中获取信息并在对象文本中使用该变量

这是我的密码：

$("document").ready(function() {

    function updateEvent(){
        render();
    }

    function render() {
                     //get values from input
            var gallons = $("#gallons").val();
            var electricity = $("#electricity").val();
            var energy = $("#energy").val();

        var figure = new Highcharts.Chart({

            series: [{
                    name: 'Throttle',
                    data: [0, 0, 30 , 0, energy, 30, 0, 0] //Variables will not work in here, no specific error but data doesn't show
                }, {
                    name: 'Power',
                    data: [30, 30 , 30, 30, 30, 30, 30, 30]
                }]

        });

我尝试过嵌入一个函数和其他一些技巧，但都没有效果，我不确定我可能做错了。有没有办法在对象文本中使用变量而不完全重新编码结构

非常感谢您的帮助。

如何从输入框中获取值并在对象文本中使用该值？ 还有HTML

Big Number 
<input id="income" name="income" type="number" 
    placeholder="please enter your desired income">
<button name="calculate" onclick="doStuff()">click me </button>​

Your income <span id="out"></span><br />

大数字
点击我​
你的收入

---

请看一下我的演示代码：

你说它不工作是什么意思？我刚刚做了

var energy='foo'

并测试了

系列

声明-它成功了<代码>能量变量应该工作，因为它在同一函数的作用域内。您会遇到什么样的错误？语法对我来说很好，除了$（“document”），它应该是$（document）。您是否尝试过使用chrome developer tools或firebug（firefox）之类的工具单步执行代码？因此，很可能所有变量都被视为字符串，Highcharts在数据中都需要数字-您可以通过乘以1或使用

parseFloat（）

或

parseInt（）

Hi all将其转换为int或float，谢谢你的及时回复。我目前正在尝试这些建议，并确保我已经正确地测试了它。关于你的问题。这就好像能量变量没有被解释为一个数字。我已经仔细阅读了代码，发现“数据：[0,0,30，能量，0,30,0,0]”这一行有问题，尽管我没有得到具体的错误代码。我听说变量在对象文本中是非法的。请参阅，但不是100%了解。Geek Num 88提供了此问题的解决方案。通过将parseFloat（）添加到变量中，它已经解决了这个问题，代码现在可以按预期运行。谢谢大家，希望大家能从我的错误中吸取教训。干杯另外，我本可以发布一个解决方案，但在接下来的7个小时内无法发布。新成员：）

Big Number 
<input id="income" name="income" type="number" 
    placeholder="please enter your desired income">
<button name="calculate" onclick="doStuff()">click me </button>​

Your income <span id="out"></span><br />