adding clip path to circles

elastic · Dec 5, 2016 · 188131b · 188131b
1 parent be16b14
commit 188131b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/ui/public/vislib/visualizations/point_series/area_chart.js b/src/ui/public/vislib/visualizations/point_series/area_chart.js
@@ -153,7 +153,8 @@ export default function AreaChartFactory(Private) {
       const isHorizontal = this.getCategoryAxis().axisConfig.isHorizontal();
 
       const layer = svg.append('g')
-      .attr('class', 'points area');
+        .attr('class', 'points area')
+        .attr('clip-path', 'url(#' + this.baseChart.clipPathId + ')');
 
       // append the circles
       const circles = layer.selectAll('circles')

diff --git a/src/ui/public/vislib/visualizations/point_series/line_chart.js b/src/ui/public/vislib/visualizations/point_series/line_chart.js
@@ -47,7 +47,8 @@ export default function LineChartFactory(Private) {
       const radiusStep = ((radii.max - radii.min) || (radii.max * 100)) / Math.pow(this.seriesConfig.radiusRatio, 2);
 
       const layer = svg.append('g')
-      .attr('class', 'points line');
+        .attr('class', 'points line')
+        .attr('clip-path', 'url(#' + this.baseChart.clipPathId + ')');
 
       const circles = layer
       .selectAll('circle')