Question

我正在尝试动态更新我的热图的图例的symbolWidth，以便图例的大小与图表的区域相同。我似乎无法重新绘制更大的传说。我正在尝试这个：

chart: {
            type: 'heatmap',
            events: {
                load: function (event) {
                    this.legend.symbolWidth = this.chartWidth;
                    this.isDirtyLegend = true;
                    this.legend.render();
                }
            }
        },

它执行得很好，但我没有看到图例大小的变化。我也尝试过this.redraw（）。如果我查看legend.symbolWidth，新值肯定会存在并更新，但图表本身并不反映更新。

我只需要一种让图例动态调整大小的方法，就像图表一样。这是我的代码的jsfiddle：http://jsfiddle.net/4rbtX/

提前感谢您的帮助！

Answer 1

简而言之：它不受支持。唯一的方法是使用一些变通方法/黑客（就像你尝试过的那样）。

尝试此解决方案：http://jsfiddle.net/4rbtX/2/

            type: 'heatmap',
            events: {
                load: function (event) {
                    this.legend.options.symbolWidth = this.chartWidth;
                    this.legend.destroyItem(this.colorAxis[0]); //remove element from legend
                    this.colorAxis[0].destroy(); // remove xaxis
                    this.series[0].update(); // force to update axis and series
                }
            }

Highcharts - 图例宽度不会更新

1 个答案: