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

我正在使用气泡图显示 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

最佳答案

在这种情况下，标题是浏览器/操作系统的一部分，要修改颜色和样式，您可以使用其他东西——比如在鼠标悬停/鼠标输入上显示的自定义元素。您可以使用 Highcharts renderer 添加自定义文本。

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

关于css - 设置 highcharts 渲染器路径标题的颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36032416/