本文介绍如何利用Mermaid.js库在JavaScript中创建流程图和图表。通过示例代码展示了如何自定义单元格样式，包括设置颜色和背景色。
<!DOCTYPE html>
<html>
<head>
<script src="./mermaid.min.js"></script>
<link rel="stylesheet" src="./mermaid.css"/>
</head>
<body>
<div class="firstTest">
graph LR;
A--合并-->B;
A-->C;
B-->D;
C-->D;
</div>
<script>
mermaid.init({noteMargin: 10}, ".firstTest");
</script>
</body>
<html>
<head>
<script src="./mermaid.min.js"></script>
<link rel="stylesheet" src="./mermaid.css"/>
</head>
<body>
<div class="firstTest">
graph LR;
A--合并-->B;
A-->C;
B-->D;
C-->D;
</div>
<script>
mermaid.init({noteMargin: 10}, ".firstTest");
</script>
</body>
</html>
data-row-style
function changecolor (row,index){
var Class={};
Class.css={};
Class.css.color='red';
Class.css.background='blue';
return Class;
}
{
title: '
最低0.47元/天 解锁文章
3669
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
