Add hideHover options to line/area charts

bbonnin · Apr 11, 2017 · 2a30877 · 2a30877
1 parent 2203530
commit 2a30877
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 6 deletions.
diff --git a/dist/vue-morris.min.js b/dist/vue-morris.min.js
diff --git a/dist/vue-morris.min.js.map b/dist/vue-morris.min.js.map
diff --git a/examples/index.html b/examples/index.html
@@ -27,7 +27,7 @@ <h3>Bar Chart</h3>
               <bar-chart 
                 id="bar" :data="barData" xkey="year" ykeys='[ "and", "ios", "win" ]' resize="true"
                 labels='[ "Android", "iOS", "Windows" ]' bar-colors='[ "#FF6384", "#36A2EB", "#FFCE56" ]'
-                grid="true" grid-text-weight="bold">
+                grid="true" grid-text-weight="bold" hide-hover="auto">
               </bar-chart>
             </div>
             <div class="col-sm-6">
@@ -46,7 +46,8 @@ <h3>Bar Chart</h3>
   bar-colors='[ "#FF6384", "#36A2EB", "#FFCE56" ]' 
   grid="true"
   grid-text-weight="bold"
-  resize="true"&gt;
+  resize="true"
+  hide-hover="auto"&gt;
 &lt;/bar-chart&gt;
                 </code>
               </pre>
@@ -132,7 +133,7 @@ <h3>Area Chart</h3>
               <area-chart
                 id="area" :data="areaData" xkey="year" ykeys='[ "a", "b" ]' resize="true"
                 labels='[ "Serie A", "Serie B" ]' line-colors='[ "#FF6384", "#36A2EB" ]'
-                grid="true" grid-text-weight="bold" x-label-angle="45">
+                grid="true" grid-text-weight="bold" x-label-angle="45" hide-hover="always">
               </area-chart>
             </div>
             <div class="col-sm-6">
@@ -152,6 +153,7 @@ <h3>Area Chart</h3>
   grid="true"
   grid-text-weight="bold"
   x-label-angle="45"
+  hide-hover="always"
   resize="true"&gt;
 &lt;/area-chart&gt;
                 </code>

diff --git a/src/components/area-chart.vue b/src/components/area-chart.vue
@@ -45,6 +45,7 @@ export default {
       ymax: this.ymax,
       ymin: this.ymin,
       smooth: Converter.toBoolean(this.smooth),
+      hideHover: this.hideHover,
       parseTime: Converter.toBoolean(this.parseTime),
       postUnits: this.postUnits,
       preUnits: this.preUnits,

diff --git a/src/components/chart-mixins.js b/src/components/chart-mixins.js
@@ -108,6 +108,7 @@ const LineProps = {
   ymax: Props.ymax,
   ymin: Props.ymin,
   smooth: Props.smooth,
+  hideHover: Props.hideHover,
   parseTime: Props.parseTime,
   postUnits: Props.postUnits,
   preUnits: Props.preUnits,

diff --git a/src/components/line-chart.vue b/src/components/line-chart.vue
@@ -45,6 +45,7 @@ export default {
       ymax: this.ymax,
       ymin: this.ymin,
       smooth: Converter.toBoolean(this.smooth),
+      hideHover: this.hideHover,
       parseTime: Converter.toBoolean(this.parseTime),
       postUnits: this.postUnits,
       preUnits: this.preUnits,