HighCharts:单击图例时直线系列消失
我已经创建了带有列和线系列的图表,其中我使用chart.addSeries动态添加了系列 问题: 单击线系列图例时,线系列将消失。第二次单击时,只有打印点可见,而直线不可见 我得到以下JS异常: 电话号码:65 字符:237 代码:0 错误消息:对象不支持属性或方法“join” 网址: 代码如下:HighCharts:单击图例时直线系列消失,highcharts,Highcharts,我已经创建了带有列和线系列的图表,其中我使用chart.addSeries动态添加了系列 问题: 单击线系列图例时,线系列将消失。第二次单击时,只有打印点可见,而直线不可见 我得到以下JS异常: 电话号码:65 字符:237 代码:0 错误消息:对象不支持属性或方法“join” 网址: 代码如下: chart = new Highcharts.Chart({ chart: { renderTo: 'spendingChart', w
chart = new Highcharts.Chart({
chart: {
renderTo: 'spendingChart',
width: spendingChart.width*0.8,
height: spendingChart.height*0.8,
plotBorderColor:'#000000',
plotBorderWidth:1
},
xAxis: {
categories: subCategories,
labels: {
rotation: 0
}
},
credits: {
enabled: false
},
tooltip: {
borderColor: '#000',
backgroundColor: '#FFF',
borderRadius: 0,
borderWidth: 1,
formatter: function() {
var s;
s = ''+this.series.name+', '+this.x +', $'+Highcharts.numberFormat(this.y,2,'.',',');
return s;
}
},
title: {
text: ''
},
yAxis: {
lineWidth: 1,
title: {
text: ''
}
},
series: []
});
for(var i=0;i<data[index].drilldown.length;i++){
if(data[index].drilldown[i].name == "Actual")
chtType = "column";
else
chtType = "spline";
subCategories = [];
versionsData = [];
var color = "";
for (var j = 0; j < data[index].drilldown[i].data.length; j++) {
versionsData.push(data[index].drilldown[i].data[j].y);
subCategories.push(data[index].drilldown[i].categories[j]);
color = (data[index].drilldown[i].data[j].color);
}
chart.xAxis[0].setCategories(subCategories, false);
chart.addSeries({type:chtType, name :data[index].drilldown[i].name, data : versionsData ,color:color},'true');
}
chart=新高度图表。图表({
图表:{
renderTo:“spendingChart”,
宽度:spendingChart。宽度*0.8,
高度:spendingChart.高度*0.8,
plotBorderColor:“#000000”,
绘图边框宽度:1
},
xAxis:{
类别:子类别,
标签:{
轮换:0
}
},
学分:{
已启用:false
},
工具提示:{
边框颜色:“#000”,
背景颜色:“#FFF”,
边界半径:0,
边框宽度:1,
格式化程序:函数(){
var s;
s=''+this.series.name+'、'+this.x+'、$'+Highcharts.numberFormat(this.y,2'.',',');
返回s;
}
},
标题:{
文本:“”
},
亚克斯:{
线宽:1,
标题:{
文本:“”
}
},
系列:[]
});
对于(var i=0;i我希望您正在使用IE
由于您使用的是数组,请检查是否有任何尾随的逗号
console.log(test.length);
如果您的IE版本为<8。请检查IE模式。如果您的浏览器处于怪癖模式
var test = [
["element1"],
["element2"],
["element3"],
["element4"],
["element5"],
];
移除尾随的,
或者,您可以通过记录或警告长度来检查
console.log(test.length);
或
您将观察到的长度将是6而不是5。单击图例并找到解决方案时,我遇到了相同的问题,即线条消失,显然这是一个涉及2.2.5版本和jQuery 1.8的错误。他们已经修复了它,因此如果您升级到最新的2.3.5,它将被修复
参考:及
希望对您有所帮助任何实例都是可能的?另外,不工作数据的示例也会很好。感谢您的输入,我将尝试使用此版本。这解决了您的问题吗?这解决了我的问题。耶!