我正在使用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),这使我的图例框太高。 我想知道是否有办法
- 图例框中有一个垂直滚动条
- 在多列中显示图例项(最好)
我尝试设置以下属性:
- 数字行
- 数字列
我从此页面找到的:
$.jqplot.饼图渲染器选项
但是他们似乎没有进行任何更改。
有人能为我提供解决这个问题的好方法吗?
尝试使用提供的列/行设置。我亲自仔细检查了此设置是否有效。只要确保在图例中您在rendererOptions
中设置了numberColumns
或numberRows
,例如:
legend: {
show: true,
location: 'ne',
rendererOptions: {numberColumns: 2}
}
如果这不起作用,那么我必须说您的代码中一定隐藏着其他错误,然后让我们查看代码,以便我们可以找到并一起压缩错误:)