highcharts 为我们提供了丰富的扩展接口，今天就给大家讲讲在highcharts中指定的位置画我们想要的按钮、图片、图形、文字等。

关于highchart 扩展方法

我们先来看看highchart自身提供的画图扩展方法 Renderer，只有了解了如何画图，我们才能在图表上绘制想要的图形，方法有如下几个，不清楚的可以上官网查看API传送门。

• arc() 用来画弧线图

  参数 (Number centerX, Number centerY, Number outerRadius, Number innerRadius, Number start, Number end)
  centerX和centerY分别对应x，y的坐标，outerRadius 外弧的半径，innerRadius内弧的半径，start和end 通常为 -Math.PI/2，-Math.PI，或者0 表示弧的方向 。

• circle() 用来画圆形图

  参数(Number centerX, Number centerY, Number radius)
  centerX 表示x轴坐标，centerY表示y轴坐标，radius表示半径

• g() 用来构建一个群组将元素包裹，参数只有一个 传入 名称即可

  渲染后会默认变成 “highcharts-“+ name

• image() 用来嵌入一张图片

  参数(String source, Number x, Number y, Number width, Number height)
  source 图片路径，x，y为坐标，width和height为图片的宽和高

• path() 用来画路径图

  这个方法参数稍微有点复杂，需要参考svg的一些路径命令 ，传统门

• rect() 用来画区域方形图

  参数(Number x, Number y, Number width, Number height, Number cornerRadius)
  x，y分别为x和y轴坐标，width和height为所画区域的宽高，cornerRadius表示图形的圆角

• text() 用来画文本字符
  参数 (String str, Number x, Number y)
  x，y分别为x和y轴坐标，str表示需要绘制的字符串文本

  查看更多