axisLabel.renderMode: 'html'

What problem does this feature solve?

Right now it’s impossible to format the axisLabel in html.

Example:

axisLabel: {
  formatter: value => {
    return `<div class="wrapper">
      <div class="logo">
        <img src="...">
      </div>
      <span>${value}</span>
    </div>`
  }
}

This doesn’t work currently.

What does the proposed API look like?

Like for tooltip:

axisLabel: {
  renderMode: 'html',
  formatter: value => {
    return `<div class="wrapper">
      <div class="logo">
        <img src="...">
      </div>
      <span>${value}</span>
    </div>`
  }
}

[zhoufanglu]

formatter的问题解决了

//变量
let companyScore = 40
let companyLevel = '优'
//富文本rich使用
formatter: [
  `{a|`+companyScore+`}`,
  `{b|`+companyLevel+`}`,
].join('\n'),
rich: {
  a: {
    color: 'red',
    lineHeight: 10
  },
  b: {
    color: 'green',
    fontSize: 32
  },
},

[Ovilia]

axisLabel does not support HTML rendering. Using rich is correct.