Hover and click

2020-01-22 12:45:08 +01:00
parent 84c7221974
commit bd1a626a96
2 changed files with 45 additions and 5 deletions
--- a/src/ui/PurchaseGraph.vue
+++ b/src/ui/PurchaseGraph.vue
@@ -1,6 +1,7 @@
 <template>
  <div>
    <canvas ref="purchase-chart" width="100" height="50"></canvas>
+    <div ref="chartjsLegend" class="chartjsLegend"></div>
  </div>
 </template>

@@ -105,4 +106,12 @@ export default {
 };
 </script>

-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.chartjsLegend li span {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  margin-right: 5px;
+  border-radius: 25px;
+}
+</style>