title: How to remove the horizontal lines of chart & its axis lines in angular?
body: <p>Following is an angular app with graphs made of apex charts</p>
  <p><a href="https://codesandbox.io/s/apx-column-distributed-d3ns7?from-embed" rel="nofollow noreferrer">https://codesandbox.io/s/apx-column-distributed-d3ns7?from-embed</a></p>
  <p>How can I remove the horizontal lines of that chart &amp; its axis lines (so that this looks much cleaner)</p>
  <pre><code>    this.chartOptions = {
        series: [
          {
            name: &quot;distibuted&quot;,
            data: [21, 22,]
          }
        ],
        chart: {
          height: 350,
          type: &quot;bar&quot;,
          events: {
            click: function(chart, w, e) {
              // console.log(chart, w, e)
            }
          }
        },
        colors: [
          &quot;#008FFB&quot;,
          &quot;#00E396&quot;,
        ],
        plotOptions: {
          bar: {
            columnWidth: &quot;45%&quot;,
            distributed: true
          }
        },
        dataLabels: {
          enabled: false
        },
        legend: {
          show: false
        },
        xaxis: {
          categories: [
            [&quot;John&quot;, &quot;Doe&quot;],
            [&quot;Joe&quot;, &quot;Smith&quot;],
          ],
          labels: {
            style: {
              colors: [
                &quot;#008FFB&quot;,
                &quot;#00E396&quot;,
              ],
              fontSize: &quot;12px&quot;
            }
          }
        }
      };
  </code></pre>
  <p>&amp; also how can I format the tooltip colors ?</p>