2

我正在使用 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
                }
            },
        }
    });

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

4

2 回答 2

4

看一下“hoverable”选项, 在文档中的自定义网格下进行了描述,并在饼图示例中进行了演示。

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

于 2013-07-21T14:07:38.960 回答
0

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

.flot-overlay { cursor: pointer; }

这不是最优雅的方式,但它会起作用!

于 2013-07-21T13:54:11.073 回答