自由绘图
优质
小牛编辑
132浏览
2023-12-01
绘图工具是指可以直接操作 Highcharts 的渲染层并绘制基础的图形,例如直接在图表中添加 圆形、矩形、路径或文字,甚至是独立于图表的图形。
在主流的浏览器中绘图工具对象是 SVG 的封装,对应的在低版本 IE (IE8 以下)中是 VML 封装。
已经实例化的图表对象可以通过 chart.renderer 来获取绘图工具对象,如果需要独立图表的绘图工具对象,请通过 var renderer = new Highcharts.Renderer(parentNode, width, height);
来创建,其中 parentNode 是 HTML 元素(DOM)
绘图工具的方式支持链式调用,即你可以在创建绘图工具对象后在一个语句中依次调用 attr
、 css
、 add
等。
关于绘图工具详情请参考 API 文档:Renderer 及 Element。
下面是一个具体的 应用实例