游标造型为flot饼图

我使用了flot饼图(http://www.flotcharts.org/flot/examples/series-pie/index.html)示例,并成功绘制了饼图。 在设计饼图时,我可以找到颜色和不透明等饼图的选项。 但我想改变饼图上的光标样式,并且发现在offcial 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
                }
            },
        }
    });

这不会工作..有没有解决这个问题的方法?


看看'可靠的'选项,在文档中定制网格下面的描述和馅饼示例中的演示。

将光标保留为默认开始位置,然后在您收到饼形切片上的悬停事件时将其更改为指针。 当您收到没有附加切片的悬停事件时,请将光标恢复为默认值。


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

.flot-overlay { cursor: pointer; }

这不是最优雅的方式,但它会奏效!

链接地址: http://www.djcxy.com/p/84199.html

上一篇: cursor styling in for flot pie chart

下一篇: how to format time on xAxis use d3.js