您的位置:首页 > Web前端 > JavaScript

js绘制流程图、图表------with mermaid.js

2016-11-25 20:20 316 查看
<!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>

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

              }


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: