Javascript 更改highmaps中的图例大小？

有人知道改变highmaps中图例大小的好方法吗？这是一个设置图例宽度和itemWidth属性的提琴。我在搜索论坛时发现了这个解决方案，这个解决方案适用于图表。Exmaple：

但是我找不到一个好方法来制作地图

我还尝试过使用DOM方法设置宽度：

i、 e.document.getElementsByClassName（“highcharts图例”）.style.width=“200px”

---

这两个都不适合我。我只是想修改图例的高度和宽度。非常感谢您的帮助。

您的这一点是正确的

是的，Highmaps也可以调整图例的大小。我不确定你想做什么，但是高度是由包含在里面的元素数量自动定义的。您可以通过更改

width

、

itemWidth

和

layout

的值来解决这个问题

在您的示例fiddle中，如果更改上面的值，您将得到不同的布局。查看将其切换到以下位置时发生的情况：

width: 300,
itemWidth: 100,
layout: 'horizontal',

您将获得以下信息：

白框的宽度为300。将

itemWidth

设置为100意味着单个图例项将占据总定义宽度的1/3（只是不要使用百分比；这不起作用）

您还可以做的另一件事是将这些值设置为容器元素的百分比。如果在样式表声明中定义了容器的宽度和/或高度，则可以设置JavaScript变量以在运行时捕获这些值，并相应地调整图例

例如：

// in your inline stylesheet
#container: { width: '650px', height: '450px' }

// variables defined before your chart options
var chartHeight = $('#container').height();
var chartWidth = $('#container').width();

// in your legend
width: chartWidth * 0.3, // 30% of total width
itemWidth: chartWidth * 0.1, // 10% of total width

将

布局设置为
'horizontal'
将得到一个比使用值
vertical
更短的图例

我希望所有这些都能对您有所帮助。
您是说打印这样的内容：？如果没有，你能发布一个要求的图例模型吗？
// in your inline stylesheet
#container: { width: '650px', height: '450px' }

// variables defined before your chart options
var chartHeight = $('#container').height();
var chartWidth = $('#container').width();

// in your legend
width: chartWidth * 0.3, // 30% of total width
itemWidth: chartWidth * 0.1, // 10% of total width