javascript - jqPlot mouseOver 在饼图上

Question

我正在使用 jqplot 版本 1.0.8r1250，但我不知道如何让 mouseOver 事件在饼图切片上工作。正常的 seriesColors 工作正常。

这是我的代码：

$.jqplot('pieChart', [pieChartData],
{
   seriesColors: [color1, color2, color3, color4],
    grid: {
             background:'#FFFFFF',
             borderWidth:0,
             shadow:0
           },

     seriesDefaults: {
                        renderer: $.jqplot.PieRenderer,
                        rendererOptions: {
                                           highlightMouseOver: true,
                                           highlightMouseDown: false,
                                           highlightColor:  [hoverColor1, 
                                                             hoverColor2,
                                                              hoverColor3,
                                                             hoverColor4],
                                                },
                                            },
                             legend: {
                                        show: true, 
                                        location: 'e'
                                    },

                        });

Answer 1

这应该可以帮助您：

//On mouseover
    $('.jqplot-target').bind('jqplotDataHighlight', function(evt, seriesIndex, pointIndex, data) {
          //place your logic here
    });

//On mouseout    
    $('.jqplot-target').bind('jqplotDataUnhighlight', function(evt, seriesIndex, pointIndex, data){
         //place your logic here
    });