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

时间:2016-03-16 10:05:05

标签: css svg highcharts renderer

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

1 个答案:

答案 0 :(得分:1)

在这种情况下,标题是浏览器/操作系统的一部分,并且要修改颜色和样式,您可以使用其他内容 - 例如在鼠标悬停/鼠标中心显示的自定义元素。您可以使用Highcharts text添加自定义renderer

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

相关问题