Question

我正在使用高图来显示xAxis上绘图线旁边的一些文字。我想从格式化程序函数中自定义每个标签，因为它可以在图表中的每个其他标签上进行。

我见过another topic on this matter，但他们使用的是TypeScript而我没有。

我正在做的是：

vay chart = new HighChart({
...
xAxis: {
        plotLines: [{
            id: "plotLines",
            zIndex: 15,
            color: myColor,
            width: 1,
            value: theXvalue, //x value where to show the line
            label: {
                formatter: function () {
                    return " VAL > "+this.value;
               }
            },
        }]
    },
    ...
});

如果我在标签中设置'text'值，它会显示出来，就像魅力一样。

为这些标签使用格式化程序有什么帮助吗？

Answer 1

不幸的是你不能使用formatter，你应该在text对象中定义label的内容，它可以用html元素包装，但是你需要设置[useHTML（http://api.highcharts.com/highcharts#xAxis.plotLines.label.useHTML）参数

Answer 2

将useHTML值设置为true并在文本中设置html内容。以下是如何实现它的示例http://jsfiddle.net/9mvwpqf3/1/

yAxis: { plotLines: [{ color: 'red', width: 2, value: 100, label: { useHTML: true, text: '<button>Click Me</button>', }, }] },

Highchart - 在PlotLine标签上使用格式化程序

2 个答案: