Search code examples
javascriptangularechartsngx-echarts

EChart XAxis Line not rendered?

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',
            },
          },
Solution

  • 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.