Javascript 如何使用HTML单选按钮输入（JS/jQuery）更改Highcharts图形

我一直在试图用单选按钮关联的浮点数据更新Highcharts中的图表。单选按钮位于页面上，它们与HTML中的浮点值相关联，这些值应加在一起，然后用图形表示。不确定要添加多少代码，但我想在最后一节，即下面单独的JS/jQuery部分中会有任何真正的指导

HTML

<div class="col-lg-7 col-md-7 col-sm-7 ind-quizBox" id="mobilityBox">
                        <div id="navLink1"></div>
                        <div class="" id="meansTransport" >
                            <ul>
                                <p id="boxTitle">Means of transport</p>
                                <input type="radio" id="question-means-A" name="test" value="0" />
                                <label for="question-means-A"> I almost always go by public transport, cycle or walk</label><br>
                                <input type="radio" id="question-means-B" name="test" value="1.4"  />
                                <label for="question-means-B"> I use the car and public transport about the same amount</label><br>
                                <input type="radio" id="question-means-C" name="test" value="0.4" />
                                <label for="question-means-C"> I almost always drive by car</label><br>
                            </ul>
                        </div>

}))

JS/jQUERY

(document).ready(function($) {
var sum = 0;

$("input:radio").click(function() {
   sum = 0;

    $("input:radio:checked").each(function(idx, elm) {
        sum += parseFloat(elm.value, 10);
    });
    var mobilityTotal = sum;

    chart.series['Personal CO2 footprint', 0].setData(sum, true);

  });
});

---

您需要正确参考以下系列：

$("input:radio").click(function() {
    sum = 0;

    $("input:radio:checked").each(function(idx, elm) {
        sum += parseFloat(elm.value, 10);
    });
    var mobilityTotal = sum;

    graphMobility.series[1].setData([sum], true);
});

---

现场演示：

<div class="col-lg-7 col-md-7 col-sm-7 ind-quizBox" id="mobilityBox">
                        <div id="navLink1"></div>
                        <div class="" id="meansTransport" >
                            <ul>
                                <p id="boxTitle">Means of transport</p>
                                <input type="radio" id="question-means-A" name="test" value="0" />
                                <label for="question-means-A"> I almost always go by public transport, cycle or walk</label><br>
                                <input type="radio" id="question-means-B" name="test" value="1.4"  />
                                <label for="question-means-B"> I use the car and public transport about the same amount</label><br>
                                <input type="radio" id="question-means-C" name="test" value="0.4" />
                                <label for="question-means-C"> I almost always drive by car</label><br>
                            </ul>
                        </div>

---

API参考：

你好@isntelle，我很高兴能帮上忙。你可以接受答案：我能问你一个快速跟进的问题吗？天哪，这家伙在hc上很棒：）当然，我会尽力帮助：）事实上，别担心，我会解决的。不过再次谢谢你

<div class="col-lg-7 col-md-7 col-sm-7 ind-quizBox" id="mobilityBox">
                        <div id="navLink1"></div>
                        <div class="" id="meansTransport" >
                            <ul>
                                <p id="boxTitle">Means of transport</p>
                                <input type="radio" id="question-means-A" name="test" value="0" />
                                <label for="question-means-A"> I almost always go by public transport, cycle or walk</label><br>
                                <input type="radio" id="question-means-B" name="test" value="1.4"  />
                                <label for="question-means-B"> I use the car and public transport about the same amount</label><br>
                                <input type="radio" id="question-means-C" name="test" value="0.4" />
                                <label for="question-means-C"> I almost always drive by car</label><br>
                            </ul>
                        </div>