2013-06-12 48 views
0

如何使用CSS的屬性造型餅圖等,12如何使用transform:使用Cytoscape.js在CSS中旋轉?

.pie { 
      position: absolute; 
      width: 100px; 
      height: 100px; 
      -moz-border-radius: 50px; 
      -webkit-border-radius: 50px; 
      -o-border-radius: 50px; 
      border-radius: 50px; 
      clip: rect(0px, 50px, 100px, 0px); 
    } 
    .hold { 
      position: absolute; 
      width: 100px; 
      height: 100px; 
      -moz-border-radius: 50px; 
      -webkit-border-radius: 50px; 
      -o-border-radius: 50px; 
      border-radius: 50px; 
      clip: rect(0px, 100px, 100px, 50px); 
    } 
    #pieSlice1 .pie { 
      background-color: #1b458b; 
      -webkit-transform:rotate(50deg); 
      -moz-transform:rotate(50deg); 
      -o-transform:rotate(50deg); 
      transform:rotate(50deg); 
    } 

在CSS3樣式的節點,其是由Cytoscape.js建?

我已經嘗試下面的代碼..

style: cytoscape.stylesheet() 
.selector("node") 
.css({ 
"content": "data(name)", 
"shape": "data(shape)", 
"border-width": 1, 
"background-color": "data(color)", 
"-webkit-transform":"rotate(140deg)", 
"-moz-transform":"rotate(140deg)", 
"-o-transform":"rotate(140deg)", 
"transform":"rotate(140deg)", 
"border-color": "#555", 
"height": "data(weight)", 
"width": "data(weight)" 
}) 
... 

,但它似乎不兼容由於cytoscpe.js document

所以我需要以某種方式創建餅圖中的每個節點有任何可用的解決方案? 在此先感謝。

回答

相關問題