光標造型在flot餅圖

我正在使用flot餅圖（http://www.flotcharts.org/flot/examples/series-pie/index.html）示例併成功繪製餅圖。在設計餅圖時，我可以找到顏色和不透明等餅圖的選項。但我想改變餅圖上的光標樣式，並且發現在offcial flot頁面中它使用的是普通光標，我們將鼠標懸停在餅圖切片上。相反，我想把它改成光標指針造型..當我們給創建畫布的屬性時，它會顯示整個畫布的指針光標。所以如果畫布很大，即使我們將鼠標懸停在餅圖外面，它也會成爲指針光標。我也試圖在創建時得到proeprty，光標造型在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 
       } 
      }, 
     } 
    });

這將無法正常工作..有沒有解決這個問題的方法？

來源

2013-07-21 sam

查看文檔中Customizing the Grid 中描述的「易變」選項，並在pie example中進行演示。

將光標保留爲默認開始位置，然後在您接收到餅狀切片上的懸停事件時將其更改爲指針。當您收到沒有附加切片的懸停事件時，請將光標恢復爲默認值。

來源

2013-07-21 14:07:38 DNS

下面是一個快速jsfiddle實現@ DNS的想法：http://jsfiddle.net/27jDR/ – Mark

你可以只針對餅圖和改變你的樣式表CSS類：

.flot-overlay { cursor: pointer; }

這不是最優雅的方式，但它的工作！

來源

2013-07-21 13:54:11

光標造型在flot餅圖

回答

相關問題