你好,我正在使用Highcharts。在其中一个图表中,我有太多的图例,所以有一个溢出。在这种情况下,Highcharts是正确的添加分页箭头,如所附图片所示。我的问题是我如何控制每页的图例数量。我只需要每页4个图例时,分页发生。我找不到任何在highcharts文件。请帮助。[
cbeh67ev1#
没有API选项可用于设置在legend.navigation处显示的序列数,但您可以使用图例属性(如itemWidth、maxHeight和其他用于设置图例样式的选项)对其进行控制。您还可以使用responsive.rules进行更精确的设置。配置示例:
legend.navigation
itemWidth
maxHeight
responsive.rules
legend: { align: 'center', itemMarginTop: 1, useHTML: true }, responsive: { rules: [{ condition: { maxWidth: 500, }, chartOptions: { legend: { width: 250, itemWidth: 125, maxHeight: 60 }, } } ] },
演示:https://jsfiddle.net/BlackLabel/j6gn1uto/API参考:https://api.highcharts.com/highcharts/legendhttps://api.highcharts.com/highcharts/responsive.rules
1条答案
按热度按时间cbeh67ev1#
没有API选项可用于设置在
legend.navigation
处显示的序列数,但您可以使用图例属性(如itemWidth
、maxHeight
和其他用于设置图例样式的选项)对其进行控制。您还可以使用responsive.rules
进行更精确的设置。配置示例:
演示:https://jsfiddle.net/BlackLabel/j6gn1uto/
API参考:https://api.highcharts.com/highcharts/legendhttps://api.highcharts.com/highcharts/responsive.rules