javascript - Highcharts 在图表创建/向下钻取后删除标签

Question

我在 highcharts 中有一个图表，其中包含 2 组向下钻取数据和顶层数据。当我到达最后一个图表时，有多达 100 个 xAxis 类别。因此，标签变得不可读。我正在运行这段代码以尝试在最后一次深入分析时禁用标签。

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

这是之前运行的chart.redraw();

出于某种原因，它仍然显示标签，即使在使用 console.log 时，我也可以看到它被设置为禁用。任何帮助，将不胜感激。

Answer 1

您可以为向下钻取对象添加额外参数，

示例：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;
                    }

                }
            }
        },