marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-18 23:09:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix linters

Browse Source
This commit is contained in:
Nikolay Rozhkov
2023-06-19 01:02:45 +03:00
parent 19f858b73b
commit 9dbb9872bc
2 changed files with 64 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
demos/sankey.html
View File

@@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html"> <html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>States Mermaid Quick Test Page</title> <title>States Mermaid Quick Test Page</title>
@@ -11,8 +12,9 @@
font-family: 'Courier New', Courier, monospace !important; font-family: 'Courier New', Courier, monospace !important;
} }
</style> </style>
</head> </head>
<body>
<body>
<h1>Sankey diagram demos</h1> <h1>Sankey diagram demos</h1>
<h2>Simple flow</h2> <h2>Simple flow</h2>
<pre class="mermaid"> <pre class="mermaid">
@@ -35,5 +37,6 @@
sequence: { actorMargin: 50 }, sequence: { actorMargin: 50 },
}); });
</script> </script>
</body> </body>
</html> </html>

12
packages/mermaid/src/diagrams/sankey/sankeyRenderer.ts
View File

@@ -42,7 +42,7 @@ export const draw = function (text: string, id: string, _version: string, diagOb
} }
// Launch parsing // Launch parsing
diagObj.parser.parse(text); diagObj.parser.parse(text);
debugger; // debugger;
log.debug('Parsed sankey diagram'); log.debug('Parsed sankey diagram');
// Figure out what is happening there // Figure out what is happening there
@@ -86,20 +86,20 @@ export const draw = function (text: string, id: string, _version: string, diagOb
// ] // ]
// }; // };
// //
let graph = { const graph = {
nodes: [], nodes: [],
links: [] links: []
} }
diagObj.db.getNodes().forEach(node => { diagObj.db.getNodes().forEach(node => {
graph.nodes.push({id: node.ID}); graph.nodes.push({ id: node.ID });
}); });
diagObj.db.getLinks().forEach(link => { diagObj.db.getLinks().forEach(link => {
graph.links.push({source: link.source.ID, target: link.target.ID, value: link.value}); graph.links.push({ source: link.source.ID, target: link.target.ID, value: link.value });
}); });
debugger; // debugger;
// const graph = { // const graph = {
// nodes: [ // nodes: [
// { id: 'Alice' }, // { id: 'Alice' },
@@ -158,7 +158,7 @@ export const draw = function (text: string, id: string, _version: string, diagOb
.attr('x', (d) => d.x0) .attr('x', (d) => d.x0)
.attr('y', (d) => d.y0) .attr('y', (d) => d.y0)
.append('rect') .append('rect')
.attr('height', (d) => {console.log(d); return (d.y1 - d.y0);}) .attr('height', (d) => { console.log(d); return (d.y1 - d.y0); })
.attr('width', (d) => d.x1 - d.x0) .attr('width', (d) => d.x1 - d.x0)
.attr('fill', (d) => color(d.id)); .attr('fill', (d) => color(d.id));