Style bars with css now

hitier
1 parent f1026243
Showing 2 changed files with 9 additions and 5 deletions Show diff stats
app/main/static/css/charges.css
app/main/static/js/charges.js
@@ -18,12 +18,16 @@
     display: inline-block;
 }
  
-rect.bar:hover {
-    fill: dimgrey;
+rect.bar {
+    stroke: white;
+    stroke-width: 0.5pt;
 }
  
-rect.bar {
-    fill: rgb(127, 127, 159);
+rect.bar:hover {
+    -webkit-filter: brightness(0.5);
+    -moz-filter: brightness(0.5);
+    -ms-filter: brightness(0.5);
+    filter: brightness(0.5);
 }
  
 .tooltip {
@@ -137,12 +137,12 @@ function build_chart(div_selector, data_url) {
             .data(d => d)
             .enter()
             .append("rect")
+            .attr("class", "bar")
             .attr("x", d => x(d.data.period))
             .attr("width", x.bandwidth())
             // .attr("width", 5)
             .attr("y", d => y(d[1]))
             .attr("height", d => height - y(d[1] - d[0]))
-            .attr("stroke", "black")
             .on("mouseover", mouseover)
             .on("mousemove", mousemove)
             .on("mouseleave", mouseleave);