设置 highcharts 渲染器路径标题的颜色

Question

我正在使用气泡图显示 2 个数据点并绘制水平线和垂直线。我想做的是将标题的颜色设置为与线条相同的颜色。标题的行为类似于该行的工具提示。

线条是使用以下函数绘制的：

function drawLine(chart, line)
{
    chart.renderer.path([
        "M", line.startX, line.startY,
        "L", line.endX, line.endY
    ])
    .css({
        color: line.color,
        fill: line.color
    })
    .attr({
        "stroke-width": 2,
        stroke: line.color,
        title: line.title || "",
        color: line.color,
        fill: line.color,
        useHTML: true,
        zIndex: 2
    })
    .add();
}

我不确定如何更改标题文本的颜色。有什么建议吗？

代码见此笔：http://codepen.io/kdbruin/pen/EKNBor

Answer 1

本例中的标题是 browser/OS 的一部分，要修改颜色和样式，您可以使用其他内容 - 例如显示在 mouseover/mouseenter 上的自定义元素。您可以使用 Highcharts renderer.

添加自定义 text

示例：http://codepen.io/anon/pen/zqNOyp

设置 highcharts 渲染器路径标题的颜色

Set color of highcharts renderer path title

css

svg

highcharts

renderer