Removing x axis tooltip in apex charts

Question

I am using ApexCharts to show some stats. I wanted to hide the x-axis tooltip which is marked in red in the image

score 43 · Accepted Answer · answered Mar 14 '19 at 10:59

43

options = {
  xaxis: {
    tooltip: {
      enabled: false
    }
  }
}

https://apexcharts.com/docs/options/xaxis/#tooltip

answered Mar 14 '19 at 10:59

junedchhipa

4,694
1
28
28

how to remove tooltip where "SAMPLE A" (tooltip over the chart area)? – John Doe Feb 11 '20 at 18:32
you save my life – Darlan Dieterich Jun 02 '20 at 16:44
lives_saved += 1 – fceruti Feb 08 '22 at 22:41

score 2 · Answer 2 · answered Feb 04 '21 at 14:35

2

In another way, you can hide Xaxis using:

xaxis: {
  labels: {
    show: false
  }
}

answered Feb 04 '21 at 14:35

Mahrez BenHamad

1,791
1
15
21

score 0 · Answer 3 · answered May 22 '23 at 09:08

0

xaxis: { tooltip: { enabled: false }, labels: { show: true } },

answered May 22 '23 at 09:08

Eibs

86
8

score -1 · Answer 4 · answered Dec 07 '22 at 13:45

-1

I don't think the above actually answer the OPs question. Based on their image and question they just wanted to remove the x-axis value at the bottom. You can do that by using CSS as follows:

.apexcharts-xaxistooltip-bottom {
  display: none;
}

answered Dec 07 '22 at 13:45

Gavin

460
4
11

Removing x axis tooltip in apex charts

4 Answers4