Ticket/InsdepUI/plugin/justgage-1.2.2/examples/custom-node.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!doctype html>
<html>

<head>
    <title>Custom Node</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width">
    <style>
    button {
        padding: 8px 14px;
    }

    .container {
        width: 850px;
        margin: 20px auto 0 auto;
        text-align: center;
    }

    .gauge {
        width: 150px;
        height: 150px;
        display: inline-block;
        border: 1px solid #ccc;
        margin: 5px;
    }

    a:link.button,
    a:active.button,
    a:visited.button,
    a:hover.button {
        margin: 20px 5px 0 2px;
        padding: 7px 13px;
    }
    </style>
</head>

<body>
    <div id="cont" class="container">
        <div id="gauge2" class="gauge"></div>
        <div id="gauge3" class="gauge" data-title="#3" data-value="75" data-counter="true"></div>
    </div>
    <div class="container">
        <button type="button" id="g1_show">Show G1</button>
        <button type="button" id="g4_show">Show G4</button>
    </div>
    <div class="container">
        <button type="button" id="g1_refresh">Refresh G1</button>
        <button type="button" id="g2_refresh">Refresh G2</button>
        <button type="button" id="g3_refresh">Refresh G3</button>
        <button type="button" id="g4_refresh">Refresh G4</button>
    </div>
    <script src="../raphael-2.1.4.min.js"></script>
    <script src="../justgage.js"></script>
    <script>
    document.addEventListener("DOMContentLoaded", function(event) {
        var gNode1 = document.createElement('div');
        gNode1.setAttribute("class", "gauge");

        var gNode4 = document.createElement('div');
        gNode4.setAttribute("class", "gauge");