javascript - Highcharts : Tooltips exist but line is not drawn in the chart

Question

我在 HighCharts 上遇到问题。

我必须使用 ajax 从 xml 内容中收集数据，以便将其绘制在 HighCharts 图表中。

我得到了我的数据。当我将鼠标移到它上面时，我可以看到我的点，但我的图表没有显示任何内容。

一张图看问题: mouse over the third point

以及我的代码中的一些部分(如果有帮助的话):

var myData=[];

function makeChart() {
var chart;
$(document).ready(function () {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container2',
            type: 'spline',
            borderColor: '#DC143C',
            borderRadius: 20,
            borderWidth: 2,
            marginRight: 130,
            marginBottom: 25
        },
        title: {
            text: ''
        },
        xAxis: {
            categories :[0,1,2,3,4,5]
        },
        yAxis: {
            title: {
                text: 'Values'
            },
        },
        series: [{
                color: '#FF00FF',
                name: '',
                data: myData
            }]
    });
});
}


$(function (){

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

    ChartDeOuf();
    makeChart();

    $.ajax({
        type: "GET",
        url: 'http://localhost:8080/SASI/runSimulation',
        dataType: "xml",
        success: function(result){
            var i = 0;

            var xmlDoc = $.parseXML(result);
            var chart = $('#container2').highcharts();
            $result = $(xmlDoc);

            $(result).find('measure').each(function(){
                var $value = $(this);
                var attr = $value.attr("meanValue");

                myData[i]=attr;

                var html = '<p> '+myData[i]+'</p>';
                chart.series[0].addPoint({y: myData[i]},false);

                chart.redraw();
                $('body').append($(html));
                i++;


            })

        },
        error: function(result){
            alert('timeout/error');
        }
    });
});

});

感谢您的阅读。

Answer 1

明白了，那行拯救了一切:

myData[i]=parseFloat(attr);