Highcharts legend底部居中显示并设置上下间距

您所在的位置:网站首页 excel2010图例位置在底部 Highcharts legend底部居中显示并设置上下间距

Highcharts legend底部居中显示并设置上下间距

2024-07-15 16:47| 来源: 网络整理| 查看: 265

Highcharts legend底部居中显示并设置上下间距

在Highcharts中,你可以通过设置legend属性来改变图例的位置和样式。以下是如何将图例放在底部居中并设置上下间距的示例:

legend: { align: 'center', // 图例居中显示 verticalAlign: 'bottom', // 图例在底部显示 itemMarginTop: 10, // 图例项上间距 itemMarginBottom: 10, // 图例项下间距 symbolHeight: 12, symbolWidth: 12, symbolRadius: 0, // 设置为0使图标变为方块 itemStyle: { 'font-size': '14px', 'font-family': 'MiSans', 'font-weight': '400', color: '#FFFFFF', opacity: 0.6 } }

在上述代码中,align和verticalAlign属性用于设置图例的位置,itemMarginTop和itemMarginBottom属性用于设置图例项的上下间距。

喜欢 (0)


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3