title: Histogram should not show data just the histogram itself
body: <p>I am trying to plot histogram using angular 4. I would be having an array of data consisting 1000 values each. if there are two arrays, I should be able to show  histgrams. The requirement is that only the histogram needs to be plotted not the data. </p>
  
  <p>The link below plots histogram as well data. I need to hide the data bit which is currently shown as scatter points. How do I do that ?</p>
  
  <pre><code>http://jsfiddle.net/x51b6pvs/15/
  </code></pre>
  
  <p>angular histogram component</p>
  
  <pre><code>import { Component, Input,OnInit  } from '@angular/core';
  
  @Component({
      selector: 'histogramchart',
      template: '&lt;chart [options]="options" (load)="getInstance($event.context)"&gt;&lt;/chart&gt;',
      styles: [`
          chart{
                display: block;
                width: 100% !important;
                padding:0;
          }
      `]
  })
  export class HistogramChartComponent  {
  
      public options: any;
      chart: any;
  
      @Input() public series: any;
  
  
      ngOnInit(){
      }
  
      constructor() {
  
          this.options = {
                credits: {
                  enabled: false
              },    
              title: {
                  text: ''
              },
                chart: {
                  type: 'histogram'
              },
               legend: {
                  align: 'right',
                  verticalAlign: 'bottom',
                  layout: 'horizontal',
                  margin: 25,
                  itemMarginTop: 0,
                  symbolRadius: 0,
                  symbolHeight: 20,
                  symbolWidth: 20
              },
  
              xAxis: [{
                  title: { text: 'Ending Surplus' },
                  alignTicks: false
              }, {
                  title: { text: 'Count of Ending Surplus' },
                  alignTicks: false,
  
              }],
  
              yAxis: [{
                  title: { text: '' }
              }, {
                  title: { text: '' },
  
              }],
  
              series: [{
                   type: 'histogram',
                   xAxis: 1,
                   yAxis: 1,
                   zIndex: -1,
                    baseSeries: 's1',
                   showInLegend: false
  
              }]
  
          };
      }
  
  
      getInstance(chartInstance): void {
          this.chart = chartInstance;
          this.redraw();
      }
  
  
      ngOnChanges(data: any) {
          if (!data.series.currentValue || !this.chart) return;
          data.series.currentValue.map(s =&gt; {
              this.chart.addSeries(s);
          });
          this.chart.reflow();
      }
  
        redraw() {
          if (!this.chart) return;
  
          this.series.map(s =&gt; {
              if(s!=null)
              this.chart.addSeries(s);
          });    
        }
  }
  </code></pre>