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.