Highcharts中分页时每页的图例数

np8igboo  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(261)

你好,我正在使用Highcharts。在其中一个图表中,我有太多的图例,所以有一个溢出。在这种情况下,Highcharts是正确的添加分页箭头,如所附图片所示。我的问题是我如何控制每页的图例数量。我只需要每页4个图例时,分页发生。我找不到任何在highcharts文件。请帮助。[

cbeh67ev

cbeh67ev1#

没有API选项可用于设置在legend.navigation处显示的序列数,但您可以使用图例属性(如itemWidthmaxHeight和其他用于设置图例样式的选项)对其进行控制。您还可以使用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

相关问题