Question

我正在使用flot饼图（http://www.flotcharts.org/flot/examples/series-pie/index.html）示例，并成功绘制了饼图。在对饼图进行样式设计时，我能够找到饼图的选项，如颜色和不透明度等。但我想改变派对上的光标样式，我发现在官方的flot页面本身就是使用普通的光标，我们将鼠标悬停在饼图上。相反，我想将其更改为光标指针样式..当我们给创建画布时，它将显示整个画布的指针光标..所以如果画布很大，即使我们悬停在饼图之外它也将是指针光标。我也试图在创作时给予这个原则，

   $.plot($("#canvas_" + key.split(" ").join("_")), pieChartData[key], {
        series: {
            pie: {
                show: true,
                radius: 1,
        innerRadius: 0.3,
        cursor : 'pointer',
                stroke: {
                    color: '#ffffff',
                    width: 2.0
                }
            },
        }
    });

这不起作用..这个问题是否有任何解决方案？

Answer 1

查看Customizing the Grid下描述的'hoverable'选项在文档中并在pie example中进行了演示。

将光标保持默认为开始，然后在饼图切片上收到悬停事件时将其更改为指针。当您收到没有附加切片的悬停事件时，请将光标设置回默认值。

Answer 2

您可以定位饼图并更改样式表中的CSS类：

.flot-overlay { cursor: pointer; }

这不是最优雅的方式，但它会起作用！

光标样式为flot饼图

2 个答案: