2.54.0 • Published 9 months ago

@hpcc-js/timeline v2.54.0

Weekly downloads
468
License
Apache-2.0
Repository
github
Last release
9 months 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.54.0

9 months ago

2.53.0

12 months ago

2.53.1

11 months ago

2.52.1

12 months ago

2.52.0

12 months ago

2.51.26

1 year ago

2.51.25

1 year ago

2.51.24

1 year ago

2.51.23

1 year ago

2.51.22

1 year ago

2.51.20

1 year ago

2.51.19

1 year ago

2.51.18

1 year ago

2.51.17

1 year ago

2.51.16

2 years ago

2.51.15

2 years ago

2.51.14

2 years ago

2.51.13

2 years ago

2.51.12

2 years ago

2.51.11

2 years ago

2.51.10

2 years ago

2.51.8

3 years ago

2.51.9

3 years ago

2.51.7

3 years ago

2.51.4

3 years ago

2.51.5

3 years ago

2.51.6

3 years ago

2.51.2

3 years ago

2.51.3

3 years ago

2.51.1

3 years ago

2.50.8

3 years ago

2.50.4

3 years ago

2.50.5

3 years ago

2.50.6

3 years ago

2.50.7

3 years ago

2.49.1

3 years ago

2.50.3

3 years ago

2.50.2

3 years ago

2.45.0

3 years ago

2.49.0

3 years ago

2.44.0

3 years ago

2.48.0

3 years ago

2.43.0

3 years ago

2.47.0

3 years ago

2.42.0

4 years ago

2.41.0

4 years ago

2.39.0

4 years ago

2.38.0

4 years ago

2.37.0

4 years ago

2.36.0

4 years ago

2.33.0

4 years ago

2.32.0

4 years ago

2.31.0

4 years ago

2.30.0

4 years ago

2.29.0

4 years ago

2.28.0

4 years ago

2.27.0

4 years ago

2.26.0

4 years ago

2.25.0

4 years ago

2.24.0

5 years ago

2.23.0

5 years ago

2.22.0

5 years ago

2.21.0

5 years ago

2.20.0

5 years ago

2.19.0

5 years ago

2.18.0

5 years ago

2.17.0

5 years ago

2.16.0

5 years ago

2.15.0

5 years ago

2.14.0

5 years ago

2.13.0

5 years ago

2.12.0

5 years ago

2.11.0

5 years ago

2.10.0

5 years ago

2.8.0

5 years ago

2.7.36

5 years ago

2.7.35

5 years ago

2.7.34

5 years ago

2.7.33

5 years ago

2.7.32

5 years ago

2.7.31

5 years ago

2.7.29

5 years ago

2.7.30

5 years ago

2.7.28

5 years ago

2.7.27

5 years ago

2.7.26

5 years ago

2.7.25

5 years ago

2.7.23

5 years ago

2.7.22

5 years ago

2.7.21

5 years ago

2.7.20

5 years ago

2.7.19

5 years ago

2.7.16

5 years ago

2.7.15

5 years ago

2.7.14

5 years ago

2.7.12

5 years ago

2.7.11

5 years ago

2.7.10

5 years ago

2.7.8

6 years ago

2.7.7

6 years ago

2.7.6

6 years ago

2.7.5

6 years ago

2.7.4

6 years ago

2.7.3

6 years ago

2.7.2

6 years ago

2.7.0

6 years ago

2.6.17

6 years ago

2.6.16

6 years ago

2.6.15

6 years ago

2.6.14

6 years ago

2.6.13

6 years ago

2.6.12

6 years ago

2.6.11

6 years ago

2.6.10

6 years ago

2.6.9

6 years ago

2.6.8

6 years ago

2.6.7

6 years ago

2.6.6

6 years ago

2.6.4

6 years ago

2.6.3

6 years ago

2.6.2

6 years ago

2.6.1

6 years ago

2.6.0

6 years ago

2.5.0

6 years ago

2.4.0

6 years ago

2.3.0

6 years ago

2.2.2

6 years ago

2.2.1

6 years ago

2.2.0

6 years ago

2.1.2

6 years ago

2.1.1

6 years ago

2.1.0

6 years ago

2.0.14

7 years ago

2.0.13

7 years ago

2.0.12

7 years ago

2.0.11

7 years ago

2.0.10

7 years ago

2.0.9

7 years ago

2.0.8

7 years ago

2.0.7

7 years ago

2.0.6

7 years ago

2.0.5

7 years ago

2.0.4

7 years ago

2.0.3

7 years ago

2.0.2

7 years ago

2.0.1

7 years ago

2.0.0

7 years ago

0.7.5

7 years ago

0.7.4

7 years ago

0.7.3

7 years ago

0.7.2

7 years ago

0.7.0

7 years ago

0.6.0

7 years ago

0.5.0

7 years ago

0.4.13

7 years ago

0.4.12

7 years ago

0.4.11

7 years ago

0.4.10

7 years ago

0.4.9

7 years ago

0.4.8

7 years ago

0.4.7

7 years ago

0.4.6

7 years ago

0.4.5

7 years ago

0.4.4

7 years ago

0.4.2

7 years ago

0.4.1

7 years ago

0.4.0

7 years ago

0.3.2

7 years ago

0.3.1

7 years ago

0.3.0

7 years ago

0.2.0

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago

0.0.83

7 years ago

0.0.82

7 years ago

0.0.81

7 years ago

0.0.80

7 years ago

0.0.79

7 years ago

0.0.78

7 years ago

0.0.77

7 years ago

0.0.76

7 years ago

0.0.75

7 years ago

0.0.74

7 years ago

0.0.73

7 years ago

0.0.72

7 years ago

0.0.71

7 years ago

0.0.70

7 years ago

0.0.67

7 years ago

0.0.64

7 years ago

0.0.63

8 years ago

0.0.61

8 years ago

0.0.60

8 years ago

0.0.58

8 years ago

0.0.56

8 years ago

0.0.55

8 years ago

0.0.54

8 years ago

0.0.53

8 years ago

0.0.52

8 years ago

0.0.50

8 years ago

0.0.49

8 years ago

0.0.48

8 years ago

0.0.47

8 years ago

0.0.46

8 years ago

0.0.45

8 years ago

0.0.44

8 years ago

0.0.43

8 years ago

0.0.42

8 years ago

0.0.41

8 years ago

0.0.40

8 years ago

0.0.39

8 years ago

0.0.38

8 years ago

0.0.37

8 years ago

0.0.36

8 years ago

0.0.35

8 years ago

0.0.34

8 years ago

0.0.33

8 years ago

0.0.31

8 years ago

0.0.30

8 years ago

0.0.29

8 years ago

0.0.27

8 years ago

0.0.25

8 years ago

0.0.23

8 years ago

0.0.21

8 years ago

0.0.18

8 years ago

0.0.14

8 years ago

0.0.13

8 years ago

0.0.8

8 years ago

0.0.1

8 years ago