CODEWITHSUNDEEP
javascriptecharts
codingnighter2000
codingnighter2000

Reputation: 529

echarts: how to remove the xAxis bottom border line and the small vertical lines

Trying to remove this:

enter image description here

My settings so far based on the specs:

 xAxis: {
  type: "category",
  nameGap: 0,
  showGrid: false,
  splitLine: {
    show: false,
  },
  minorSplitLine: {
    show: false,
  },
  lines: {
    show: false,
  },
  axisBorder: {
    show: false,
  },
  axisTicks: {
    show: false,
  },
  minorTick: {
    show: false,
  },
  axisLabel: {
    align: "center",
    show: false,
  },
  boundaryGap: false,
  data: ["", "", "", "", "", "", ""],
}

Any ideas how to get rid of the bottom of the xAxis? I want to display only the data graphs. Thanks!

Upvotes: 1

Views: 1114

Answers (1)

A mere dev
A mere dev

Reputation: 1790

To remove xAxis (line, ticks and label) :

xAxis: {
  axisLine : {
    show: false,
  },
  axisTick : { // Be careful: it's axisTick and not axisTicks
    show: false,
  }, 
  axisLabel : {
    show: false,
  },
},

Upvotes: 2

Related Questions