jqPlot - 当有许多图例项目时,Pie图例太高

jpe*_*pen 5 jqplot

我正在使用jqPlot创建带有图例的饼图.我的jqPlot派选项的一部分如下所示:

seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
        padding: 10,
        showDataLabels: true,
        dataLabelFormatString: '%.2f%%',
        sliceMargin: 2,
        startAngle: -90
    }
},
legend: {
    show: true,
    location: 'e',
    placement: 'outside',
    xoffset: 1,
    fontSize: '11px',
    rowSpacing: '10px',
    textColor: '#222222',
    fontFamily: 'Lucida Grande, Lucida Sans, Arial, sans-serif'
}
Run Code Online (Sandbox Code Playgroud)

最近我遇到了一个案例,其中有许多传奇项目(例如21),这使得我的传奇盒子太高了.我想知道是否有办法要么

  1. 在图例框中有一个垂直滚动条
  2. 在多列中显示图例项(最好)

我尝试过设置以下属性:

  • numberRows
  • numberColumns

我从这个页面找到:

$ .jqplot.PieRenderer选项

但他们似乎没有做任何改变.

有人能够为我提供这个问题的良好解决方案吗?

Bor*_*oro 13

尝试使用提供的列/行设置.我个人仔细检查了这个设置是否有效.只需确保在图例中设置numberColumnsnumberRows内部rendererOptions,如:

legend: { 
  show: true, 
  location: 'ne',
  rendererOptions: {numberColumns: 2}
}
Run Code Online (Sandbox Code Playgroud)

如果这不起作用,那么我必须说一些其他bug必须隐藏在你的代码中,然后让我们看看代码,这样我们就可以找到并挤压bug了:)

  • 它奏效了!傻傻的我,我在rendererOptions之外添加了"numberColumns".谢谢你的帮助!非常感激. (2认同)