.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 似乎不兼容
所以我需要以某种方式在每个节点中创建饼图,有没有可用的解决方案? 提前致谢。
最佳答案
正如我在另一个问题中提到的,这是一个计划中的功能:
关于css - 如何使用 transform :rotate in CSS with Cytoscape. js?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17062563/