Using HTML to render custom image labels on xAxis does not work under this wrapper about vue-highcharts HOT 6 CLOSED

应该没有问题吧。你看下我 README 里提供的第一个 demo，直接把里面的 options 变量修改为你的 demo 的 options，是可以显示这个图像的。

from vue-highcharts.

奇怪了 莫非是Vue Template的问题吗？

我是把它放在一个Vue component里面的。然后通过HTML来Render

<template>
<div>
<highcharts :options="options"/>
</div>
</template>

from vue-highcharts.

你看一下正常显示出来时图像元素是在 DOM 的哪个位置，然后看下在 Vue Template 里运行出来对应位置是什么。会不会是链接原因。

from vue-highcharts.

在Inspect的时候能够看到DOM有这个element，但是Width为0所以没显示。

from vue-highcharts.

width 为 0 是 $img.width === 0 还是有其他样式影响导致的？

from vue-highcharts.

没有。 看来是 vertical-align: middle 导致的，我删掉之后就显示正常了。 只是不清楚为何在CodePen和jsfiddle不会受影响。

from vue-highcharts.