HighCharts:存在工具提示,但未在图表中绘制线条

时间:2016-01-25 16:58:41

标签: javascript jquery ajax highcharts

我在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');
        }
    });
});

});

感谢阅读。

1 个答案:

答案 0 :(得分:1)

知道了,那条线保存了所有东西:

rootCategory