2.51.24 • Published 25 days ago

@hpcc-js/timeline v2.51.24

Weekly downloads
468
License
Apache-2.0
Repository
github
Last release
25 days ago

@hpcc-js/timeline

This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including Quick Start, Gallery and Tutorials, please visit the main page on GitHub: hpcc-systems/Visualization.

Exported Widgets

Stand-alone HTML Example

<html>
    <head>
        <title>Simple MiniGantt</title>
        <script src="https://unpkg.com/@hpcc-js/util"></script>
        <script src="https://unpkg.com/@hpcc-js/common"></script>
        <script src="https://unpkg.com/@hpcc-js/api"></script>
        <script src="https://unpkg.com/@hpcc-js/chart"></script>
        <script src="https://unpkg.com/@hpcc-js/timeline"></script>
    </head>
    <body>
        <div id="placeholder" style="width:800px;height:600px;"></div>
        <script>
            var chart = new window["@hpcc-js/timeline"].MiniGantt()
                .target("placeholder")
                .columns(["Label", "start", "end"])
                .data([
                    ["Range #1","2004-01-04T01:36:44.0Z","2005-10-05T01:59:16.0Z",""],
                    ["Range #2","2004-03-07T17:12:44.0Z","2004-12-07T02:16:06.0Z",""],
                    ["Range #3","2004-07-20T18:10:42.0Z","2005-07-22T02:30:31.0Z",""],
                    ["Range #4","2004-09-09T05:53:17.0Z","2005-01-10T07:40:42.0Z",""],
                    ["Event #1","2004-09-09T21:43:52.0Z"],
                    ["Range #5","2005-01-04T05:30:36.0Z","2005-11-17T11:51:53.0Z",""],
                    ["Range #6","2005-01-22T20:57:02.0Z","2005-06-12T05:28:33.0Z",""],
                    ["Range #7","2005-04-18T15:26:23.0Z","2005-07-23T08:46:24.0Z",""],
                    ["Range #8","2005-05-25T16:01:00.0Z","2005-06-17T23:18:56.0Z",""],
                    ["Range #9","2005-06-19T09:38:40.0Z","2005-07-16T17:17:16.0Z",""]
                ])
                .timePattern("%Y-%m-%dT%H:%M:%S.%LZ")
                .render();
        </script>
    </body>
</html>

Getting Started with @hpccjs

    new MiniGantt()
        .target("target")
        .columns(["Label", "start", "end"])
        .data(random_datetime_ranges(10).concat(random_datetime_events(1)))
        .timePattern("%Y-%m-%dT%H:%M:%S.%LZ")
        .render()
        ;


    function random_datetime_string() {
        const yyyy = 2004 + Math.floor(Math.random() * 2);
        const mm = 1 + Math.floor(Math.random() * 12);
        const dd = 1 + Math.floor(Math.random() * 28);
        const hh = 1 + Math.floor(Math.random() * 23);
        const min = 1 + Math.floor(Math.random() * 59);
        const sec = 0 + Math.floor(Math.random() * 59);
        return `${yyyy}-${mm < 10 ? '0' + mm : mm}-${dd < 10 ? '0' + dd : dd}T${hh < 10 ? '0' + hh : hh}:${min < 10 ? '0' + min : min}:${sec < 10 ? '0' + sec : sec}.0Z`;
    }

    function random_datetime_ranges(n) {
        return Array(n).fill("").map((row, row_idx) => {
            const d1 = random_datetime_string();
            const d2 = random_datetime_string();
            const icon = ["", "", ""][Math.floor(Math.random() * 3)];
            return new Date(d1) - new Date(d2) > 0 ? [`Random Range #${row_idx}`, d2, d1, icon] : [`Random Range #${row_idx}`, d1, d2, icon];
        });
    }

    function random_datetime_events(n) {
        return Array(n).fill("").map((row, row_idx) => {
            return [`Random Event #${row_idx}`, random_datetime_string()];
        });
    }
</script>
@hpcc-js/api@hpcc-js/chart@hpcc-js/common@hpcc-js/html@hpcc-js/layout@hpcc-js/react
@infinitebrahmanuniverse/nolb-_hp@everything-registry/sub-chunk-402@hpcc-js/loader@hpcc-js/eclwatch@zalastax/nolb-_hp
2.51.24

25 days ago

2.51.23

2 months ago

2.51.22

2 months ago

2.51.20

2 months ago

2.51.19

2 months ago

2.51.18

4 months ago

2.51.17

4 months ago

2.51.16

6 months ago

2.51.15

7 months ago

2.51.14

8 months ago

2.51.13

8 months ago

2.51.12

11 months ago

2.51.11

1 year ago

2.51.10

1 year ago

2.51.8

2 years ago

2.51.9

2 years ago

2.51.7

2 years ago

2.51.4

2 years ago

2.51.5

2 years ago

2.51.6

2 years ago

2.51.2

2 years ago

2.51.3

2 years ago

2.51.1

2 years ago

2.50.8

2 years ago

2.50.4

2 years ago

2.50.5

2 years ago

2.50.6

2 years ago

2.50.7

2 years ago

2.49.1

2 years ago

2.50.3

2 years ago

2.50.2

2 years ago

2.45.0

2 years ago

2.49.0

2 years ago

2.44.0

2 years ago

2.48.0

2 years ago

2.43.0

2 years ago

2.47.0

2 years ago

2.42.0

3 years ago

2.41.0

3 years ago

2.39.0

3 years ago

2.38.0

3 years ago

2.37.0

3 years ago

2.36.0

3 years ago

2.33.0

3 years ago

2.32.0

3 years ago

2.31.0

3 years ago

2.30.0

3 years ago

2.29.0

3 years ago

2.28.0

3 years ago

2.27.0

3 years ago

2.26.0

3 years ago

2.25.0

3 years ago

2.24.0

3 years ago

2.23.0

3 years ago

2.22.0

4 years ago

2.21.0

4 years ago

2.20.0

4 years ago

2.19.0

4 years ago

2.18.0

4 years ago

2.17.0

4 years ago

2.16.0

4 years ago

2.15.0

4 years ago

2.14.0

4 years ago

2.13.0

4 years ago

2.12.0

4 years ago

2.11.0

4 years ago

2.10.0

4 years ago

2.8.0

4 years ago

2.7.36

4 years ago

2.7.35

4 years ago

2.7.34

4 years ago

2.7.33

4 years ago

2.7.32

4 years ago

2.7.31

4 years ago

2.7.29

4 years ago

2.7.30

4 years ago

2.7.28

4 years ago

2.7.27

4 years ago

2.7.26

4 years ago

2.7.25

4 years ago

2.7.23

4 years ago

2.7.22

4 years ago

2.7.21

4 years ago

2.7.20

4 years ago

2.7.19

4 years ago

2.7.16

4 years ago

2.7.15

4 years ago

2.7.14

4 years ago

2.7.12

4 years ago

2.7.11

4 years ago

2.7.10

4 years ago

2.7.8

4 years ago

2.7.7

4 years ago

2.7.6

5 years ago

2.7.5

5 years ago

2.7.4

5 years ago

2.7.3

5 years ago

2.7.2

5 years ago

2.7.0

5 years ago

2.6.17

5 years ago

2.6.16

5 years ago

2.6.15

5 years ago

2.6.14

5 years ago

2.6.13

5 years ago

2.6.12

5 years ago

2.6.11

5 years ago

2.6.10

5 years ago

2.6.9

5 years ago

2.6.8

5 years ago

2.6.7

5 years ago

2.6.6

5 years ago

2.6.4

5 years ago

2.6.3

5 years ago

2.6.2

5 years ago

2.6.1

5 years ago

2.6.0

5 years ago

2.5.0

5 years ago

2.4.0

5 years ago

2.3.0

5 years ago

2.2.2

5 years ago

2.2.1

5 years ago

2.2.0

5 years ago

2.1.2

5 years ago

2.1.1

5 years ago

2.1.0

5 years ago

2.0.14

5 years ago

2.0.13

5 years ago

2.0.12

5 years ago

2.0.11

5 years ago

2.0.10

5 years ago

2.0.9

5 years ago

2.0.8

6 years ago

2.0.7

6 years ago

2.0.6

6 years ago

2.0.5

6 years ago

2.0.4

6 years ago

2.0.3

6 years ago

2.0.2

6 years ago

2.0.1

6 years ago

2.0.0

6 years ago

0.7.5

6 years ago

0.7.4

6 years ago

0.7.3

6 years ago

0.7.2

6 years ago

0.7.0

6 years ago

0.6.0

6 years ago

0.5.0

6 years ago

0.4.13

6 years ago

0.4.12

6 years ago

0.4.11

6 years ago

0.4.10

6 years ago

0.4.9

6 years ago

0.4.8

6 years ago

0.4.7

6 years ago

0.4.6

6 years ago

0.4.5

6 years ago

0.4.4

6 years ago

0.4.2

6 years ago

0.4.1

6 years ago

0.4.0

6 years ago

0.3.2

6 years ago

0.3.1

6 years ago

0.3.0

6 years ago

0.2.0

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago

0.0.83

6 years ago

0.0.82

6 years ago

0.0.81

6 years ago

0.0.80

6 years ago

0.0.79

6 years ago

0.0.78

6 years ago

0.0.77

6 years ago

0.0.76

6 years ago

0.0.75

6 years ago

0.0.74

6 years ago

0.0.73

6 years ago

0.0.72

6 years ago

0.0.71

6 years ago

0.0.70

6 years ago

0.0.67

6 years ago

0.0.64

6 years ago

0.0.63

6 years ago

0.0.61

6 years ago

0.0.60

6 years ago

0.0.58

6 years ago

0.0.56

6 years ago

0.0.55

6 years ago

0.0.54

6 years ago

0.0.53

6 years ago

0.0.52

6 years ago

0.0.50

6 years ago

0.0.49

6 years ago

0.0.48

6 years ago

0.0.47

6 years ago

0.0.46

7 years ago

0.0.45

7 years ago

0.0.44

7 years ago

0.0.43

7 years ago

0.0.42

7 years ago

0.0.41

7 years ago

0.0.40

7 years ago

0.0.39

7 years ago

0.0.38

7 years ago

0.0.37

7 years ago

0.0.36

7 years ago

0.0.35

7 years ago

0.0.34

7 years ago

0.0.33

7 years ago

0.0.31

7 years ago

0.0.30

7 years ago

0.0.29

7 years ago

0.0.27

7 years ago

0.0.25

7 years ago

0.0.23

7 years ago

0.0.21

7 years ago

0.0.18

7 years ago

0.0.14

7 years ago

0.0.13

7 years ago

0.0.8

7 years ago

0.0.1

7 years ago