yAxis.axisTick.lineStyle.color - gradient not supported

[JordanFarrow]

Version

4.8.0

Reproduction link

https://jsfiddle.net/Lt1xd3su/

Steps to reproduce

See fiddle.

Create an axisTick with a gradient:

"axisTick": {
      "show": true,
      "inside": true,
      "length": 1020,
      "lineStyle": {
        "color": {
          "type": "linear",
          "x": 0,
          "y": 0,
          "x2": 1,
          "y2": 1,
          "colorStops": [{
            "offset": 0,
            "color": "#f00"
          }, {
            "offset": 0.25,
            "color": "#0f0"
          }, {
            "offset": 1,
            "color": "#00f"
          }],
          "global": true
        }
      }
    }

What is expected?

the tick is colored with a linear gradient

What is actually happening?

color at offset 1 is the only visible color

---

Does not seem to change if tick is inside or not (no gradient in either case)

Was attempting to use a gradient to get around fact that length of axisTick is not scalable (only accepts Number) (by setting to large value, and then hiding end of line with line color matching to background)

[echarts-bot]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical questions.

If you are interested in the project, you may also subscribe our mail list.

Have a nice day! 🍵

[plainheart]

For the line color is a linear gradient from left to right, should set x2 as 1, y2 as 0 and global to false.
If global is true, the four parameters x, y, x2, y2 are in absolute pixel positions.

[JordanFarrow]

ah, ok! Thank you for the explanation & help