Question

单击下钻后是否可以动态显示series.data.name

这是我的小提琴https://jsfiddle.net/prashu421/5Lzskkwg/4/，现在当你点击＆＃34; Chrome＆＃34;它在我想要显示文本＆＃34; Chrome＆＃34;，同样对于任何其他动态下钻，这是否可以这样做？

我找到了此引用http://jsfiddle.net/KFpJC/2/，但这是使用固定文本进行显示和隐藏。

更新：我希望系列名称显示在＆＃34; Plot Band＆＃34;显示在此example中，但仅在下钻后显示。

chart: {
            type: 'column',
            events: {
                drilldown: function () {
                    var myAxis = this.xAxis[0];
                    var myPlotBands = myAxis.plotLinesAndBands;
                    $.each(myPlotBands, function (i, linesAndBands) {
                        linesAndBands.svgElem.hide();
                        if (linesAndBands.label) {
                            linesAndBands.label.css({
                                display: 'none'   
                            });
                        }
                    });
                },
                drillup: function () {
                    $.each(this.xAxis[0].plotLinesAndBands, function (i, linesAndBands) {
                        linesAndBands.svgElem.show();
                        if (linesAndBands.label) {
                            linesAndBands.label.css({
                                display: 'block'   
                            });
                        }
                    });
                }
            }
        },

我刚开始使用Highcharts，感谢任何建议/帮助。

感谢。

Answer 1

您可以在SVGRenderer事件中使用drilldown：

  drilldown: function(e) {
    this.renderer.text('text', chart.plotLeft + chart.plotWidth / 2, chart.plotTop + 20).attr({
      zIndex: 3
    }).add();
    (..)
  }

实时工作示例： https://jsfiddle.net/kkulig/b3p5yayt/

API参考：

动态钻取后显示series.data.name

1 个答案: