浮动饼图的光标样式

cursor styling in for flot pie chart

本文关键字：光标 样式      更新时间：2023-09-26

我使用的是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
                }
            },
        }
    });

这行不通。。这个问题有什么解决办法吗？

查看自定义网格下描述的"悬停"选项在文档中，并在pie示例中进行了演示。

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

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

.flot-overlay { cursor: pointer; }

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

相关文章：