Skip to content

Commit

Permalink
🤖 Merge PR #69445 Cytoscape: add pie background style properties by @…
Browse files Browse the repository at this point in the history 
…cneumann
  • Loading branch information
@cneumann
cneumann committed May 15, 2024
1 parent 2a16fdd commit 4ec9f6c
Show file tree
Hide file tree
Showing 2 changed files with 230 additions and 0 deletions.
37 changes: 37 additions & 0 deletions types/cytoscape/cytoscape-tests.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -121,6 +121,43 @@ const showAllStyle: cytoscape.Stylesheet[] = [
"text-events": "yes",
},
},
{
selector: "node.pie-background",
style: {
"pie-1-background-color": "110000",
"pie-1-background-size": 5,
"pie-2-background-color": "220000",
"pie-2-background-size": 5,
"pie-3-background-color": "330000",
"pie-3-background-size": 5,
"pie-4-background-color": "440000",
"pie-4-background-size": 5,
"pie-5-background-color": "550000",
"pie-5-background-size": 5,
"pie-6-background-color": "660000",
"pie-6-background-size": 5,
"pie-7-background-color": "770000",
"pie-7-background-size": 5,
"pie-8-background-color": "880000",
"pie-8-background-size": 5,
"pie-9-background-color": "990000",
"pie-9-background-size": 5,
"pie-10-background-color": "AA0000",
"pie-10-background-size": 5,
"pie-11-background-color": "BB0000",
"pie-11-background-size": 5,
"pie-12-background-color": "CC0000",
"pie-12-background-size": 5,
"pie-13-background-color": "DD0000",
"pie-13-background-size": 5,
"pie-14-background-color": "EE0000",
"pie-14-background-size": 5,
"pie-15-background-color": "FF0000",
"pie-15-background-size": 5,
"pie-16-background-color": "001100",
"pie-16-background-size": 5,
}
},
];

const cy = cytoscape({
Expand Down
193 changes: 193 additions & 0 deletions types/cytoscape/index.d.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4104,6 +4104,199 @@ declare namespace cytoscape {
* The opacity of the node’s ith pie chart slice.
*/
"pie-i-background-opacity": PropertyValueNode<number>;

/**
* The colour of the node’s 1st pie chart slice.
*/
"pie-1-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 1st pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-1-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 1st pie chart slice.
*/
"pie-1-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 2nd pie chart slice.
*/
"pie-2-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 2nd pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-2-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 2nd pie chart slice.
*/
"pie-2-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 3rd pie chart slice.
*/
"pie-3-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 3rd pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-3-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 3rd pie chart slice.
*/
"pie-3-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 4th pie chart slice.
*/
"pie-4-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 4th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-4-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 4th pie chart slice.
*/
"pie-4-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 5th pie chart slice.
*/
"pie-5-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 5th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-5-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 5th pie chart slice.
*/
"pie-5-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 6th pie chart slice.
*/
"pie-6-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 6th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-6-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 6th pie chart slice.
*/
"pie-6-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 7th pie chart slice.
*/
"pie-7-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 7th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-7-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 7th pie chart slice.
*/
"pie-7-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 8th pie chart slice.
*/
"pie-8-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 8th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-8-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 8th pie chart slice.
*/
"pie-8-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 9th pie chart slice.
*/
"pie-9-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 9th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-9-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 9th pie chart slice.
*/
"pie-9-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 10th pie chart slice.
*/
"pie-10-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 10th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-10-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 10th pie chart slice.
*/
"pie-10-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 11th pie chart slice.
*/
"pie-11-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 11th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-11-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 11th pie chart slice.
*/
"pie-11-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 12th pie chart slice.
*/
"pie-12-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 12th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-12-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 12th pie chart slice.
*/
"pie-12-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 13th pie chart slice.
*/
"pie-13-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 13th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-13-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 13th pie chart slice.
*/
"pie-13-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 14th pie chart slice.
*/
"pie-14-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 14th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-14-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 14th pie chart slice.
*/
"pie-14-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 15th pie chart slice.
*/
"pie-15-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 15th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-15-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 15th pie chart slice.
*/
"pie-15-background-opacity": PropertyValueNode<number>;
/**
* The colour of the node’s 16th pie chart slice.
*/
"pie-16-background-color": PropertyValueNode<Colour>;
/**
* The size of the node’s 16th pie chart slice, measured in percent (e.g. 25% or 25).
*/
"pie-16-background-size": PropertyValueNode<number>;
/**
* The opacity of the node’s 16th pie chart slice.
*/
"pie-16-background-opacity": PropertyValueNode<number>;
}

interface Edge
Expand Down

0 comments on commit 4ec9f6c

Please sign in to comment.