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使用的数字格式，而不是文本值。