如何使用jqplot将数据标签放置在带有线的甜甜圈图之外？
潘迪燕酷
如果面积很小，则在甜甜圈图中标签会重叠。如何使用线条将数据标签放置在甜甜圈图的外部。目前，我能够在图表内绘制标签。从此处找到示例代码：
$(document).ready(function(){
var s1 = [['a',6], ['b',8], ['c',14], ['d',20]];
var plot3 = $.jqplot('chart4', [s1], {
seriesDefaults: {
// make this a donut chart.
renderer:$.jqplot.DonutRenderer,
rendererOptions:{
// Donut's can be cut into slices like pies.
sliceMargin: 3,
// Pies and donuts can start at any arbitrary angle.
startAngle: -90,
showDataLabels: true,
// By default, data labels show the percentage of the donut/pie.
// You can show the data 'value' or data 'label' instead.
dataLabels: 'value'
}
}
});
});
这是我的预期输出：
非常感谢
扁桃体
好的，您需要设置的是：
dataLabelPositionFactor: 2
请在这里查看jsFiddle：
以及此处的更多信息：
http://www.jqplot.com/docs/files/plugins/jqplot-donutRenderer-js.html
更新资料
我也要设置填充以避免重叠，即
padding: 50
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何使用ChartJs改变甜甜圈图的厚度？
- 2
如何使用highcharts创建甜甜圈图？
- 3
使用带有UIKit的甜甜圈的EvenOddFillRule示例
- 4
如何设置带有多个环的每个切片的jqplot甜甜圈图颜色？
- 5
Telerik甜甜圈图-自定义标签
- 6
D3.js为带有内圈的甜甜圈图赋予图例
- 7
显示标签时，防污甜甜圈图消失
- 8
如何在配置中控制HightChart饼图/甜甜圈图标签的font-weight
- 9
ggplot甜甜圈图百分比标签
- 10
允许在标签中使用HTML标签的甜甜圈图JS / Jquery？
- 11
将值标签（而非百分比）添加到甜甜圈图-Matplotlib
- 12
如何在带有图例的甜甜圈图的中间显示标题？（react-highcharts）
- 13
从PrimeReact更改甜甜圈图的标签位置
- 14
如何清理甜甜圈图？
- 15
将甜甜圈图修改为“进步甜甜圈图”
- 16
如何删除甜甜圈图边框
- 17
如何使用highcharts创建甜甜圈图？
- 18
使用带有UIKit的甜甜圈的EvenOddFillRule示例
- 19
jqplot动画饼图和甜甜圈图
- 20
带有弯曲标签的d3甜甜圈图
- 21
莫里斯甜甜圈图。标签长而小
- 22
D3.js：将文字放置在甜甜圈图的圆弧上
- 23
如何使用数据库中的数据绘制Google饼图（或甜甜圈图）
- 24
在Swift中绘制带有标题的甜甜圈图
- 25
d3.js甜甜圈图，外面有甜甜圈图例
- 26
允许在标签中使用HTML标签的甜甜圈图JS / Jquery？
- 27
D3-制作一个简单的带有错误的甜甜圈图
- 28
隐藏甜甜圈图 r 中的标签
- 29
使用带有计数和百分比的 Plotly 在 R 中打开饼图/甜甜圈图
我来说两句