自由绘图

优质
小牛编辑
129浏览
2023-12-01

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

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

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

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

关于绘图工具详情请参考 API 文档:RendererElement

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