2

小提琴：http: //jsfiddle.net/jakelauer/ZENuS/

Highcharts JS 调用：

$(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]
        }]
    });
});

正如您在小提琴中看到的那样，随着图表的增长，线条的粗细以及它占据的圆圈的百分比都会产生动画效果。我希望这条线始终保持相同的厚度，并且只改变它填充的圆圈的多少。这可能吗？

4

2 回答 2

0

正如您已经看到的，Highcharts API 仅提供校准动画duration的选项。easing无法更改其“甜甜圈”的默认“缩放”动画到图表的最终高度/宽度和厚度。您要么没有动画 ( animation: false)，要么没有控制duration和的“缩放”动画easing。就像我说的，这些是 Highcharts API 中存在的限制；我无法谈论通过 jQuery UI 或任何其他框架提出一些神奇的解决方法的可行性。

总结：
没有？

于 2013-10-16T01:55:03.600 回答
0

不幸的是，这个选项是不可能的，但您可以在http://highcharts.uservoice.com/上请求您的提议

于 2013-10-16T10:33:48.887 回答