我正在尝试使用带有对数轴的highcharts列范围图表在我的网页上显示一些数据。虽然它适用于某些数据，但在某些情况下，它会绘制图表而不显示系列。
在JSfiddle中，图表显示正确。以下是一些示例代码：http://jsfiddle.net/3rcRh/1/
$(function () {
var mychart;
var ser1=[{"name":"Series1","data":
[{"groupName":"Group1","low":1.0,"high":16.0,"x":27},{"groupName":"Group2","low":16.0,"high":17.0,"x":27},{"groupName":"Group3","low":17.0,"high":18.0,"x":27}] }];
mychart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'columnrange',
inverted: true
},
title: {
text: 'Selected Data'
},
subtitle: {
text: 'Groups'
},
xAxis: {
title: {
text: 'Number of ELements'
}
},
yAxis: {
type: 'logarithmic',
title: {
text: 'Value Range'
}
},
tooltip: {
crosshairs: [true]
},
plotOptions: {
series: {
cursor: 'pointer',
point: {
events: {
click: function() {
alert('clicked');
}
}
}
},
columnrange: {
}
},
legend: {
enabled: true
},
series: ser1
});
}）;
然而，即使在这里，当我选择“分享全屏结果”时，我遇到同样的问题，数据也不显示：http://jsfiddle.net/3rcRh/1/embedded/result/
当我从图表上下文菜单下载图表作为图像或pdf时，下载的文件包含图表的正确图像。
我已将所有必要的脚本包含在我的网页上，但我无法弄清楚出了什么问题。任何帮助都会非常感激！