js繪製流程圖、圖表------with mermaid.js
<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: '流程型別',
field: 'WORKFLOW_NAME',
width: '8%',
halign: 'left',
align: 'left',
cellStyle:'changecolum',
sortable: true
},{
title: '主題',
field: 'SUBJECT',
width: '24%',
halign: 'left',
align: 'left',
sortable: true
}, {
title: '故障級別',
field: 'PRIORITY',
width: '6%',
halign: 'left',
align: 'left',
sortable: true
}