绘图工具是指可以直接操作 Highcharts 的渲染层并绘制基础的图形，例如直接在图表中添加 圆形、矩形、路径或文字，甚至是独立于图表的图形。

在主流的浏览器中绘图工具对象是 SVG 的封装，对应的在低版本 IE （IE8 以下）中是 VML 封装。

已经实例化的图表对象可以通过 chart.renderer 来获取绘图工具对象，如果需要独立图表的绘图工具对象，请通过 var renderer = new Highcharts.Renderer(parentNode, width, height); 来创建，其中 parentNode 是 HTML 元素（DOM）

绘图工具的方式支持链式调用，即你可以在创建绘图工具对象后在一个语句中依次调用 attr 、 css 、 add 等。

关于绘图工具详情请参考 API 文档：Renderer 及 Element。

下面是一个具体的 应用实例

原文: https://www.hcharts.cn/docs/freeform-drawing