0

2セットのドリルダウンデータとトップレベルを含むハイチャートのグラフがあります。最後のグラフにたどり着くと、100ものxAxisカテゴリがあります。このため、ラベルは判読できなくなります。このコードスニペットを実行して、最後のドリルダウンでラベルを無効にしようとしています。

chart.options.xAxis[0].labels.enabled = false;

これは前に実行されていますchart.redraw();

何らかの理由で、console.logを使用している場合でも、ラベルが表示されますが、無効に設定されていることがわかります。どんな助けでもいただければ幸いです。

4

1 に答える 1

1

ドリルダウンオブジェクトにextraparamterを追加できます。

例: http: //jsfiddle.net/BujyF/

drilldown: {
                    name: 'Firefox versions',
                    categories: ['Firefox 2.0', 'Firefox 3.0', 'Firefox 3.5', 'Firefox 3.6', 'Firefox 4.0'],
                    enabledLabels:false,
                    data: [0.20, 0.83, 1.58, 13.12, 5.43],
                    color: colors[1]
                }

setChart()関数を変更して、このパラメーターをシリーズに追加します。

function setChart(name, categories, data, color,labels) {
        chart.xAxis[0].setCategories(categories, false);
        chart.series[0].remove(false);
        chart.addSeries({
            name: name,
            data: data,
            enabledLabels:labels,
            color: color || 'white'
        }, false);
        chart.redraw();
    }

次に、フォーマッター(ラベル用)http://api.highcharts.com/highcharts#xAxis.labels.formatterを使用して、ラベルを表示するかどうかを確認します。

xAxis: {
            categories: categories,
            labels:{
                formatter:function(){
                    if(!this.axis.series[0].options.enabledLabels && this.axis.series[0].options.enabledLabels!=undefined)
                    {
                       return null;
                    }
                    else
                    {
                        return this.value;
                    }

                }
            }
        },
于 2013-02-26T10:44:22.803 に答える