diff --git a/e2echart/e2e-chart-template.html b/e2echart/e2e-chart-template.html
index adc49168b46e..fcd3262d425a 100644
--- a/e2echart/e2e-chart-template.html
+++ b/e2echart/e2e-chart-template.html
@@ -390,6 +390,14 @@ Resource
return tt
}
+
+ function segmentTooltipFunc(d) {
+ return ''
+ + '' + d.labelVal + '
'
+ + 'From: ' + new Date(d.timeRange[0]).toUTCString() + '
'
+ + 'To: ' + new Date(d.timeRange[1]).toUTCString() + '';
+ }
+
function createTimelineData(timelineVal, timelineData, rawEventIntervals, preconditionFunc, regex) {
const data = {}
var now = new Date();
@@ -514,6 +522,9 @@ Resource
createTimelineData(interestingEvents, timelineGroups[timelineGroups.length - 1].data, eventIntervals, isInterestingOrPathological, regex)
var segmentFunc = function (segment) {
+ // Copy label to clipboard
+ navigator.clipboard.writeText(segment.labelVal);
+
// for (var i in data) {
// if (data[i].group == segment.group) {
// var groupdata = data[i].data
@@ -569,7 +580,8 @@ Resource
maxHeight(10000).
zColorScale(ordinalScale).
zoomX([new Date(eventIntervals.items[0].from), new Date(eventIntervals.items[eventIntervals.items.length - 1].to)]).
- onSegmentClick(segmentFunc)
+ onSegmentClick(segmentFunc).
+ segmentTooltipContent(segmentTooltipFunc)
(el);
diff --git a/e2echart/non-spyglass-e2e-chart-template.html b/e2echart/non-spyglass-e2e-chart-template.html
index b29a59a34ce1..203c1c7e4e89 100644
--- a/e2echart/non-spyglass-e2e-chart-template.html
+++ b/e2echart/non-spyglass-e2e-chart-template.html
@@ -598,6 +598,13 @@ Resource
return tt
}
+ function segmentTooltipFunc(d) {
+ return ''
+ + '' + d.labelVal + '
'
+ + 'From: ' + new Date(d.timeRange[0]).toUTCString() + '
'
+ + 'To: ' + new Date(d.timeRange[1]).toUTCString() + '';
+ }
+
function createTimelineData(timelineVal, timelineData, filteredEventIntervals, category) {
const data = {}
var now = new Date();
@@ -815,6 +822,8 @@ Resource
createTimelineData(interestingEvents, timelineGroups[timelineGroups.length - 1].data, filteredEvents, "interesting_events");
var segmentFunc = function (segment) {
+ // Copy label to clipboard
+ navigator.clipboard.writeText(segment.labelVal);
// for (var i in data) {
// if (data[i].group == segment.group) {
// var groupdata = data[i].data
@@ -870,7 +879,8 @@ Resource
maxHeight(10000).
zColorScale(ordinalScale).
zoomX([new Date(eventIntervals.items[0].from), new Date(eventIntervals.items[eventIntervals.items.length - 1].to)]).
- onSegmentClick(segmentFunc)
+ onSegmentClick(segmentFunc).
+ segmentTooltipContent(segmentTooltipFunc)
(el);
diff --git a/test/extended/testdata/bindata.go b/test/extended/testdata/bindata.go
index 07750b150337..46fa9a75cd39 100644
--- a/test/extended/testdata/bindata.go
+++ b/test/extended/testdata/bindata.go
@@ -52727,6 +52727,14 @@ var _e2echartE2eChartTemplateHtml = []byte(`
return tt
}
+
+ function segmentTooltipFunc(d) {
+ return ''
+ + '' + d.labelVal + '
'
+ + 'From: ' + new Date(d.timeRange[0]).toUTCString() + '
'
+ + 'To: ' + new Date(d.timeRange[1]).toUTCString() + '';
+ }
+
function createTimelineData(timelineVal, timelineData, rawEventIntervals, preconditionFunc, regex) {
const data = {}
var now = new Date();
@@ -52851,6 +52859,9 @@ var _e2echartE2eChartTemplateHtml = []byte(`
createTimelineData(interestingEvents, timelineGroups[timelineGroups.length - 1].data, eventIntervals, isInterestingOrPathological, regex)
var segmentFunc = function (segment) {
+ // Copy label to clipboard
+ navigator.clipboard.writeText(segment.labelVal);
+
// for (var i in data) {
// if (data[i].group == segment.group) {
// var groupdata = data[i].data
@@ -52906,7 +52917,8 @@ var _e2echartE2eChartTemplateHtml = []byte(`
maxHeight(10000).
zColorScale(ordinalScale).
zoomX([new Date(eventIntervals.items[0].from), new Date(eventIntervals.items[eventIntervals.items.length - 1].to)]).
- onSegmentClick(segmentFunc)
+ onSegmentClick(segmentFunc).
+ segmentTooltipContent(segmentTooltipFunc)
(el);
@@ -53535,6 +53547,13 @@ var _e2echartNonSpyglassE2eChartTemplateHtml = []byte(`
return tt
}
+ function segmentTooltipFunc(d) {
+ return ''
+ + '' + d.labelVal + '
'
+ + 'From: ' + new Date(d.timeRange[0]).toUTCString() + '
'
+ + 'To: ' + new Date(d.timeRange[1]).toUTCString() + '';
+ }
+
function createTimelineData(timelineVal, timelineData, filteredEventIntervals, category) {
const data = {}
var now = new Date();
@@ -53752,6 +53771,8 @@ var _e2echartNonSpyglassE2eChartTemplateHtml = []byte(`
createTimelineData(interestingEvents, timelineGroups[timelineGroups.length - 1].data, filteredEvents, "interesting_events");
var segmentFunc = function (segment) {
+ // Copy label to clipboard
+ navigator.clipboard.writeText(segment.labelVal);
// for (var i in data) {
// if (data[i].group == segment.group) {
// var groupdata = data[i].data
@@ -53807,7 +53828,8 @@ var _e2echartNonSpyglassE2eChartTemplateHtml = []byte(`
maxHeight(10000).
zColorScale(ordinalScale).
zoomX([new Date(eventIntervals.items[0].from), new Date(eventIntervals.items[eventIntervals.items.length - 1].to)]).
- onSegmentClick(segmentFunc)
+ onSegmentClick(segmentFunc).
+ segmentTooltipContent(segmentTooltipFunc)
(el);