Javascript Highcharts:仅使用圆环图/防止内部大小动画设置饼图大小的动画
小提琴: Highcharts JS调用:Javascript Highcharts:仅使用圆环图/防止内部大小动画设置饼图大小的动画,javascript,html,highcharts,Javascript,Html,Highcharts,小提琴: Highcharts JS调用: $(function () { $('div').highcharts({ chart: { backgroundColor: 'rgba(0,0,0,0)', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, width:
$(function () {
$('div').highcharts({
chart: {
backgroundColor: 'rgba(0,0,0,0)',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
width: 500,
height: 500,
margin: [0, 0, 0, 0]
},
title: {
text: null
},
plotOptions: {
pie: {
minSize: 0,
size: 500,
animation: {
duration: 5000,
easing: 'linear'
}
}
},
series: [{
type: 'pie',
innerSize: 486,
data: [1]
}]
});
});
正如您在小提琴中所看到的,当图形增长时,线的厚度以及它所占据的圆的百分比都会产生动画。我希望线条始终保持相同的厚度,只改变它填充圆圈的多少。这是可能的吗?Highcharts API只提供了校准此动画的
持续时间
和放松
的选项,正如您已经看到的那样。无法更改默认的“缩放”动画到图表的最终高度/宽度及其“甜甜圈”的厚度。您没有动画(animation:false
),或者此“缩放”动画可以控制持续时间
和放松
。正如我所说,这些是Highcharts API中存在的限制;我不能谈论通过jQueryUI或任何其他框架提出一些神奇解决方案的可行性
总而言之:否?不幸的是,此选项不可能,但您可以在