如何使用highcharts创建甜甜圈图？
穆罕默德（Mohamad）
我需要您的帮助，我的团队负责人给了我这张图来画 
但我不知道如何使用jQuery Highchart插件
标记
如评论中所述，您想要一个饼形，其中innerSize略小于该大小。这将产生细小的“楔形物”。
size: '60%',
innerSize: '50%',
对于标签，启用带有softConnector的dataLabels：false将使您最接近该外观。
dataLabels: {
enabled: true,
softConnector: false
}
最后，对于图像使用Renderer.image并将图像放置在dataLabels坐标处。
function(chart){
var middleX = chart.plotWidth / 2;
var series = chart.series[0];
var points = series.points;
// image for each data label
for (var i = 0; i < points.length; i++){
var dataLabel = points[i].dataLabel;
var posX = dataLabel.x > middleX ? dataLabel.x + 30 : dataLabel.x - 60; chart.renderer.image('http://highcharts.com/demo/gfx/sun.png', posX, dataLabel.y, 50, 50)
.add();
}
// middle image
chart.renderer.image('http://highcharts.com/demo/gfx/sun.png', series.center[0] - 25, series.center[1] - 25, 60, 60)
.add();
});
这是一个小提琴，将所有这些放在一起。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何使用highcharts创建甜甜圈图？
- 2
Highcharts甜甜圈图定制
- 3
如何使用Hightchart-ng制作Highcharts半圆甜甜圈图
- 4
如何使用Hightchart-ng制作Highcharts半圆甜甜圈图
- 5
使用Google图表创建多级甜甜圈图
- 6
如何使用easypiechart.js创建甜甜圈饼图？
- 7
如何在Xamarin.android中使用oxyplot创建甜甜圈图？
- 8
HTML / JS画布甜甜圈图如何使用ovlerap创建圆笔画？
- 9
如何使用amcharts创建多环甜甜圈饼图？
- 10
如何在Xamarin.android中使用oxyplot创建甜甜圈图？
- 11
如何使用ChartJs改变甜甜圈图的厚度？
- 12
如何清理甜甜圈图？
- 13
如何删除甜甜圈图边框
- 14
Highcharts甜甜圈图渲染中缺少的颜色
- 15
Highcharts-嵌套的切片甜甜圈图
- 16
如何在带有图例的甜甜圈图的中间显示标题？（react-highcharts）
- 17
如何在highchart中创建这样的饼图/甜甜圈图？
- 18
如何找到饼图/甜甜圈图的半径
- 19
使用jquery json对象使用highchart创建甜甜圈图
- 20
如何使用数据库中的数据绘制Google饼图（或甜甜圈图）
- 21
创建类似于Google Fit的甜甜圈图
- 22
D3.JS和Vue如何创建基本的甜甜圈图
- 23
如何在核心图框架Objective-C中创建甜甜圈图？
- 24
使用Chart.js-为甜甜圈图创建图例
- 25
使用动态数据c3.js创建一个甜甜圈图
- 26
如何实现D3甜甜圈图？
- 27
如何在IE中显示SVG甜甜圈图？
- 28
如何建立触发时旋转的双甜甜圈图
- 29
如何在IE中显示SVG甜甜圈图？
我来说两句