From 63b918f38f90a2fbf49dac653412357e6062cf29 Mon Sep 17 00:00:00 2001 From: moisseev Date: Sun, 2 Feb 2020 13:51:20 +0300 Subject: [WebUI] Update D3Evolution to 1.2.0 + Add cursor The cursor location follows the mouse pointer movements when it hovers over the graph and updates the coordinates of the cursor's cross-points in the graph legend. --- interface/css/d3evolution.css | 35 +++++++++++++++++++++++++++++++++-- 1 file changed, 33 insertions(+), 2 deletions(-) (limited to 'interface/css') diff --git a/interface/css/d3evolution.css b/interface/css/d3evolution.css index 119b309e3..90b8ca68e 100644 --- a/interface/css/d3evolution.css +++ b/interface/css/d3evolution.css @@ -13,12 +13,43 @@ shape-rendering: crispEdges; } .d3evolution .grid path { - stroke-width: 0; + stroke-width: 0; } .d3evolution .axis, .d3evolution .legend { font-size: 12px; } +.d3evolution .legend .value { + font-size: 10px; +} +.d3evolution .cursor-time { + font-size: 10px; +} +.d3evolution .cursor { + shape-rendering: crispEdges; +} +.d3evolution .cursor .background { + stroke: white; +} +.d3evolution .cursor .foreground { + stroke-dasharray: 4, 2; +} +.d3evolution .cursor .x.foreground { + stroke: blue; +} +.d3evolution .cursor circle { + shape-rendering: geometricPrecision; +} +.d3evolution .cursor circle.foreground { + stroke-dasharray: none; + stroke: black; + opacity: .5; +} +/* +path.path { + shape-rendering: crispEdges; +} +*/ .d3evolution .axis path, .d3evolution .axis line { fill: none; @@ -28,7 +59,7 @@ .d3evolution .legend circle { stroke-width: 2px; } -.d3evolution .path-null{ +.d3evolution .path-null { fill: steelblue; fill-opacity: .1; } -- cgit v1.2.3