2

列シリーズと折れ線シリーズを含むグラフを作成しました。ここでは、chart.addSeries を使用して動的にシリーズを追加しています。

問題: ライン シリーズの凡例をクリックすると、ライン シリーズが消えます。2 回目にクリックすると、プロット ポイントのみが表示され、線は表示されません。

次の JS 例外が発生します。

行: 65 文字: 237 コード: 0 エラー メッセージ: オブジェクトはプロパティまたはメソッド「結合」をサポートしていません URL: http://pfmonline.fidelitypfm.com:8098/moneycenter/js/js/rbc/highcharts.js?d =1592588911

以下はコードです：

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');
    }
4

2 に答える 2

1

凡例をクリックして解決策を見つけたときに行が消えるという同じ問題があります。明らかに、2.2.5バージョンとjQuery1.8に関連するバグでした。彼らはそれを修正したので、最新の2.3.5にアップグレードすると修正されます。

参照：https ：//github.com/highslide-software/highcharts.com/issues/1189およびhttps://github.com/highslide-software/highcharts.com/issues/1181

お役に立てば幸い

于 2013-03-19T22:19:36.450 に答える
0

IEをお使いの方よろしくお願いします。

配列を使用しているため、末尾のコンマを確認してください。

IE のバージョンが8 未満の場合。IE モードを確認します。あなたが癖モードの場合。

var test = [
["element1"],
["element2"],
["element3"],
["element4"],
["element5"],
];

末尾の を削除し,ます。

または、ログに記録するか警告を発して確認することもできますlength。

console.log(test.length);

また

alert(test.length);

観察する長さは 5 ではなく 6 になります。

于 2013-03-04T14:06:19.297 に答える