I'm having problems viewing most timelines generated from this tool. I think I'm runn

Here is a results.html that uses a different timeline library. <div class="snippet

Existing issues with timeline visualization about protractor-timeline-plugin HOT 1 OPEN

keithrz commented on May 18, 2024

Existing issues with timeline visualization

from protractor-timeline-plugin.

Comments (1)

keithrz commented on May 18, 2024

Here is a results.html that uses a different timeline library.

<html>
<head>
  <script src="//unpkg.com/timelines-chart@2"></script>
  <script type="text/javascript">
    getData();

    function getData() {
      var xmlhttp = new XMLHttpRequest();
      var url = "timeline.json";

      xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
          var data = JSON.parse(xmlhttp.responseText);
          actualDraw(data);
        }
      };

      xmlhttp.open("GET", url, true);
      xmlhttp.send();

      function actualDraw(rawData) {
        var data = [];
        for (var i = 0; i < rawData.length; ++i) {
          var event = rawData[i];
          var dataToAdd = {
            label: event.command.name_ || event.command,
            data: [{
              timeRange: [event.start, event.end],
              val: event.command.name_
            }]
          };
          var existingDataRecord = data.find(record => record.group === event.source);
          if (existingDataRecord) {
            existingDataRecord.data.push(dataToAdd);
          } else {
            data.push({
              group: event.source,
              data: [dataToAdd]
            });
          }
        }

        // console.log('data', data);
        TimelinesChart()
          .data(data)
          .zQualitative(true)
          (document.getElementById('timeline'));
      }
    }
  </script>
</head>
<body>
<div id="timeline" style="width: 900px; height: 400px;"></div>
</body>
</html>

from protractor-timeline-plugin.

Related Issues (7)

Recommend Projects