通过学习上面的内容我们知道,HTMl标签只能添加简单的文字标签,并且只能是在图标初始化的时候才能添加,那么对于添加文字标签,highcharts 有没有更方便的编程接口呢?

    答案是有的,对应的 API 是 Renderer

    Renderer 是一个提供了原始绘图接口的对象,可以直接在图表上绘制基础的图形,包括圆形、矩形、线条、文字等,在主流浏览器中,对应的是 SVG 封装,IE8 以下则是 VML 封装。

    • chart.renderer

    Renderer 支持链式编程,即可以在同一个表达式中多次调用相关的函数,例如:

    更多关于 Renderer 的信息请参看 API 文档:。

    通过 Renderer 添加文字标签

    1、Renderer.text()

    构造方法:

    参数列表:

    • String str: 需要添加的文字
    • Number x: 水平偏移

    2、Renderer.label()

    Renderer.label() 支持更多高级属性,例如边框,背景等。

    参数列表:

    HTML标签 - 图2