簡體   English   中英

游標餅圖的光標樣式

[英]cursor styling in for flot pie chart

我使用的是float餅圖( http://www.flotcharts.org/flot/examples/series-pie/index.html )示例,並成功繪制了餅圖。 在設置餅圖樣式時,我能夠找到餅圖的選項,例如顏色,不透明度和其他。 但是我想更改餅圖上的光標樣式,我發現在官方的float頁面中,它使用的是普通光標,我們將鼠標懸停在餅圖上。 相反,我想將其更改為光標指針樣式。.當我們給正在創建的畫布賦予該屬性時,它將顯示整個畫布的指針光標。因此,如果畫布很大,即使我們將鼠標懸停在餅圖之外,它也將是指針光標。 在創作時,艾夫(Ive)也曾嘗試賦予其所有權,

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

這將無法正常工作..這個問題有解決方案嗎?

看一下“ hoverable”選項,該選項在文檔中的“ 自定義網格”下進行介紹,並在餅圖示例中進行了演示。

將光標保留為默認的開頭,然后在收到餅圖上的懸停事件時將其更改為指針。 當您收到沒有附加切片的懸停事件時,請將光標重新設置為默認值。

您可以只定位餅圖並在樣式表中更改CSS類:

.flot-overlay { cursor: pointer; }

這不是最優雅的方法,但是會起作用!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM