EChart XAxis Line not rendered?

409 Views Asked by At

Trying to draw the XAxis Line in this EChart Stackblitz Demo using Angular and Ngx-Echarts.

This is the line configuration. It works on the Y Axis, however on the X axis the line is not being rendered. Any ideas?

          axisLine: {
            lineStyle: {
              color: 'blue',
              width: '4',
            },
          },
1

There are 1 best solutions below

1
On BEST ANSWER

You're missing the show option in the configuration. The docs say it should default to true, but that doesn't appear to be the case in your StackBlitz.

axisLine: {
  show: true,
  lineStyle: {
    color: 'blue',
    width: '4',
  },
},

Here's a forked StackBlitz.