HighCharts:单击图例时直线系列消失

HighCharts:单击图例时直线系列消失,highcharts,Highcharts,我已经创建了带有列和线系列的图表,其中我使用chart.addSeries动态添加了系列 问题: 单击线系列图例时,线系列将消失。第二次单击时,只有打印点可见,而直线不可见 我得到以下JS异常: 电话号码:65 字符:237 代码:0 错误消息:对象不支持属性或方法“join” 网址: 代码如下: chart = new Highcharts.Chart({ chart: { renderTo: 'spendingChart', w

我已经创建了带有列和线系列的图表,其中我使用chart.addSeries动态添加了系列

问题: 单击线系列图例时,线系列将消失。第二次单击时,只有打印点可见,而直线不可见

我得到以下JS异常:

电话号码:65 字符:237 代码:0 错误消息:对象不支持属性或方法“join” 网址:

代码如下:

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,它将被修复

参考:及


希望对您有所帮助

任何实例都是可能的?另外,不工作数据的示例也会很好。感谢您的输入,我将尝试使用此版本。这解决了您的问题吗?这解决了我的问题。耶!