1

如何使用 CSS 的属性来设置饼图的样式，例如1、2

.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 文件，它似乎不兼容

所以我需要以某种方式在每个节点中创建饼图有什么可用的解决方案吗？提前致谢。

4

1 回答 1

1

正如我在另一个问题中提到的，这是一个计划中的功能：

https://github.com/cytoscape/cytoscape.js/issues/283

于 2013-06-13T13:23:29.150 回答