Javascript amCharts pie-如何让切片在rollOverSlice上拉出？

我在浏览amCharts文档时遇到了很多困难，我似乎无法在网上找到答案

我使用的是amCharts饼图，我希望鼠标在一个切片上滚动时会发生一些事情，其中之一就是让切片拉出当你点击幻灯片时会发生的事情

根据医生的说法，这是我尝试过的，但似乎不起作用：

var pieChartData = [
    {
        asset: 'Funiture',
        marketValue: 50000.00
    }, {
        asset: 'Cash',
        marketValue: 6250.00
    }, {
        asset: 'Car',
        marketValue: 10000.00
    }, {
        asset: 'Other',
        marketValue: 11250.00
    }
];

    chartAsset = AmCharts.makeChart(
        'asset--chart', {
            type: 'pie',

            dataProvider: pieChartData,
            valueField: 'marketValue',
            titleField: 'asset',

            startEffect: 'easeOutSine',
            pulledField: 'pullOut',
            //pullOutOnlyOne: true,
            // pullOutEffect: 'easeInSine',

            responsive: {
              enabled: true
            },

            labelsEnabled: false,

            balloon: {
                fillAlpha: 0.95,
                borderThickness: 1,
                borderColor: '#000000',
                shadowAlpha: 0,
            }
        }
    );


    chartAsset.addListener('rollOverSlice', function(e) {
        console.log(e);

        /**** Doesn't work: ******/
        pieChartData[e.dataItem.index].pullOut = true;
        chartAssetAllocation.dataProvider = pieChartData;
        chartAssetAllocation.validateData(); 
    });  

---

有人能帮忙吗？

您不能直接触发拉出，但有一种方法可以模拟单击切片。（请参阅）
此外，您必须添加另一个侦听器以保留片段，这样它将返回到其原始状态。

    chartAsset.addListener('rollOverSlice', function(e) {
        chartAsset.clickSlice(e.dataItem.index);
    });

    chartAsset.addListener('rollOutSlice', function(e) {
        chartAsset.clickSlice(e.dataItem.index);
    });

这是工作内容。

---

另一种方法是使用CSS改变切片的可视化。可以找到一个例子。

嗨，gerric，你的小提琴看起来和我需要的一模一样，但我意识到，当你点击它时，启用“响应”会带走切片拉出的动画。我可能会尝试通过css动画添加效果，就像您的第二种方法一样-再次感谢！