我在 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');
}
});
});
});
感谢您的阅读。
最佳答案
明白了,那行拯救了一切:
myData[i]=parseFloat(attr);
关于javascript - Highcharts : Tooltips exist but line is not drawn in the chart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34998037/