Javascript HighCharts:存在工具提示,但图表中未绘制线条
我在海图上遇到了一个问题 我必须使用ajax从xml内容中收集数据,以便在HighCharts中绘制它 我得到我的数据。我可以看到我的点,当我移动鼠标在它上面,但我的图表没有显示任何东西 查看问题的图片: 以及我的代码中的一些部分(如果有帮助):Javascript HighCharts:存在工具提示,但图表中未绘制线条,javascript,jquery,ajax,highcharts,Javascript,Jquery,Ajax,Highcharts,我在海图上遇到了一个问题 我必须使用ajax从xml内容中收集数据,以便在HighCharts中绘制它 我得到我的数据。我可以看到我的点,当我移动鼠标在它上面,但我的图表没有显示任何东西 查看问题的图片: 以及我的代码中的一些部分(如果有帮助): var myData=[]; function makeChart() { var chart; $(document).ready(function () { chart = new Highcharts.Chart({
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');
}
});
});
});
var myData=[];
函数makeChart(){
var图;
$(文档).ready(函数(){
图表=新的高点图表。图表({
图表:{
renderTo:'container2',
类型:“样条线”,
边框颜色:“#DC143C”,
边界半径:20,
边界宽度:2,
marginRight:130,
marginBottom:25
},
标题:{
文本:“”
},
xAxis:{
类别:[0,1,2,3,4,5]
},
亚克斯:{
标题:{
文本:“值”
},
},
系列:[{
颜色:“#FF00FF”,
名称:“”,
数据:myData
}]
});
});
}
$(函数(){
$(文档).ready(函数ping(){
ChartDeOuf();
makeChart();
$.ajax({
键入:“获取”,
网址:'http://localhost:8080/SASI/runSimulation',
数据类型:“xml”,
成功:功能(结果){
var i=0;
var xmlDoc=$.parseXML(结果);
变量图表=$(“#容器2”).highcharts();
$result=$(xmlDoc);
$(结果)。查找('measure')。每个(函数(){
var$value=$(此值);
var attr=$value.attr(“meanValue”);
myData[i]=attr;
var html=''+myData[i]+'';
chart.series[0].addPoint({y:myData[i]},false);
chart.redraw();
$('body')。追加($(html));
i++;
})
},
错误:函数(结果){
警报(“超时/错误”);
}
});
});
});
谢谢阅读。明白了,那句话保存了一切:
myData[i]=parseFloat(attr);