javascript - Highcharts 表单提交 var 不起作用

Question

我正在尝试通过表单提交/单击功能填充我的 Highcharts 图表。出于某种原因，我无法让 var 传递任何值。

$('#button').click(function() {
  var gaA = $('#gaA').val();
  var chart = $('#container').highcharts();
  chart.series[0].data[0].update(gaA);
  chart.series[0].data[1].update(50);
  chart.series[0].data[2].update(50);
});

如果我改变

var gaA = $('#gaA').val();

至

var gaA = 500;

它传递了 500 的值。但我需要从表单中填充它。

这是完整的代码：http: //jsfiddle.net/reLuP/1/

Answer 1

val返回一个字符串，但您需要一个数字。使用一元加号运算符将其强制为一个数字或parseFloat

chart.series[0].data[0].update(+gaA);

jsFiddle

Answer 2

你应该使用

var gaA = parseFloat($('#gaA').val());

接收 highcharts 使用的数字格式，而不是文本值。