浮点饼图的光标样式答案

【问题标题】：cursor styling in for flot pie chart浮点饼图的光标样式
【发布时间】：2013-07-21 13:45:45
【问题描述】：

我正在使用 flot 饼图 (http://www.flotcharts.org/flot/examples/series-pie/index.html) 示例并成功绘制了饼图。在设计饼图样式时，我能够找到饼图的选项，例如颜色和不透明度等。但是我想更改饼图上的光标样式，我发现在官方浮动页面本身中，它使用的是普通光标，我们将鼠标悬停在饼图上。相反，我想将其更改为光标指针样式..当我们为创建画布提供该属性时，它将显示整个画布的指针光标..所以如果画布很大，即使我们将鼠标悬停在饼图之外，它也会是指针光标.我还尝试在创建时给予财产，

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

这不起作用..这个问题有什么解决方案吗？

【问题讨论】：

标签： javascript jquery css flot

【解决方案1】：

查看Customizing the Grid 中描述的“可悬停”选项在文档中并在pie example 中进行了演示。

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

【讨论】：

【解决方案2】：

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

.flot-overlay { cursor: pointer; }

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

【讨论】：