title: Whether can echart set height and width for label in markline, or add html tag and css attributes in formatter?
body: <p>I want to custom height, width for markline info. Now, I find label attribute which can be used to color and font attriubtes. But for height and width, it don't work in my test.</p>
  <p>I also want to add some html tags and css attributes in my formatter function. But it don't work too.</p>
  <p>Any one can tell me whether echart current support these options?(echat is version 4.9.0)</p>
  <p>Thanks</p>
  <p>My info label for markline:</p>
  <pre><code>                label: {
                          show:true,
                          align:'left',
                          position: 'end',
                          distance: [0,-90],
                          color: 'blue',
                          // backgroundColor: 'green',
                          backgroundColor: {
                              image: 'icon/no_disturb.png'
                          },
  
                          padding: 15,
  
                          **
                          width:600,
                          height:900,
                           **
                          // borderRadius: 5,
                          formatter: function(value) {
                              return `2012年-10月-21日 5点43分24秒`;
                           }
                      }
  </code></pre>
  <p>my formatter function:</p>
  <pre><code>     formatter: function (param) {  
          var text = '';
          text += '&lt;div style=&quot;display:flex;flex-direction:row;&quot;&gt;'+
                      '&lt;div style=&quot;background-color:#03D16D;height:auto;width:10px;margin-right:5px;&quot;&gt;&lt;/div&gt;'+
                      '&lt;div style=&quot;display:flex;flex-direction:column;&quot;&gt;'+
                          '&lt;span&gt;'333'&lt;/span&gt;'+
                          '&lt;span&gt;'333'&lt;/span&gt;'
                      '&lt;/div&gt;'
                  '&lt;/div&gt;'
         return text;
      }
  
  </code></pre>
  <pre><code>or
  </code></pre>
  <pre><code>   formatter: function (param) {    
      return `&lt;div style=&quot;display:flex;flex-direction:row;&quot;&gt;
                  &lt;div style=&quot;background-color:#03D16D;height:auto;width:10px;margin-right:5px;&quot;&gt;&lt;/div&gt;
                  &lt;div style=&quot;display:flex;flex-direction:column;&quot;&gt;
                      &lt;span&gt;123&lt;/span&gt;
                      &lt;span&gt;456&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;`
      }
  </code></pre>
  <p>these two functions just return a string and cannot be shown as a html section. I don't know how to do.</p>
  <p>Thanks.</p>
  <p>br</p>
  <p><a href="https://i.stack.imgur.com/srXAv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/srXAv.png" alt="enter image description here" /></a></p>