5

我正在使用 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'
}

最近我遇到了一个案例,其中有很多图例项目(例如,21),这使得我的图例框太高了。我想知道是否有办法

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

我尝试设置以下属性:

  • numberRows
  • 数字列

我从这个页面找到的:

$.jqplot.PieRenderer 选项

但是他们似乎没有做出任何改变。

有人可以为我提供一个很好的解决这个问题的方法吗?

4

1 回答 1

13

尝试使用提供的列/行设置。我亲自仔细检查了此设置是否有效。只需确保在图例中设置了numberColumnsor numberRowsinside rendererOptions,例如:

legend: { 
  show: true, 
  location: 'ne',
  rendererOptions: {numberColumns: 2}
}

如果这不起作用,那么我必须说您的代码中一定隐藏了一些其他错误,然后让我们查看代码,以便我们一起找到并压缩错误:)

于 2012-05-04T11:10:20.433 回答