javascript - 如何给JQplot饼图添加爆炸效果？

Question

我正在使用“JqPlot”图表通过“jqplot.pieRenderer.js”绘制饼图

图书馆；我的要求是，每当单击饼图切片时，它就会爆炸

目前的情况:jqplot example单击任何切片[它不会爆炸]

我想要什么:highcharts example [查看每个饼在点击时如何爆炸]

$('#chart').bind('jqplotDataClick', function(ev, seriesIndex, pointIndex, data) {
    alert(plot.series[seriesIndex].seriesColors[pointIndex]);
});

现在点击它会显示颜色。但我想爆炸它

可以吗？如果不行请解释一下原因？我被困住了， here是我的 jqplot fiddle

Answer 1

在这里我编辑我的js文件并制作fiddle

忘记我的旧答案我只管理一个参数并更改特定饼图的半径和边距。

function handleClick(ev, gridpos, datapos, neighbor, plot) {

    if (neighbor) {
        var ins = [neighbor.seriesIndex, neighbor.pointIndex, neighbor.data];
        var evt = jQuery.Event('jqplotDataClick');
        evt.which = ev.which;
        evt.pageX = ev.pageX;
        evt.pageY = ev.pageY;
        plot.target.trigger(evt, ins);
        if($.jqplot.PieRenderer.prototype.selectedSlice == neighbor.pointIndex){
            unexpload(plot);
        }else{
            $.jqplot.PieRenderer.prototype.selectedSlice = neighbor.pointIndex;
            plot.replot();    
        }

    }else if (neighbor == null) {
        unexpload (plot);
    }
}

function unexpload(plot){
    $.jqplot.PieRenderer.prototype.selectedSlice = null;
    plot.destroy();
    plot.replot();
}