图4-11 Highcharts 散点图

散点图相关的配置参考 API 文档:

  • :针对当前页面的所有散点数据列有效
    下面简单列举散点图的特性及常见问题

散点图和直线图的区别是散点图少了点之间的连线,所以只需要隐藏线图的线条即可将线图转换成散点图。

我们知道在线图中,可以通过 来指定某个数据列的点的形状,也可以标记某个点的形状,marker 里可以指定内置的常用形状,也可以是图片,还可以是自定义的形状。

这里还有一个利用 Font Awesome 图标的例子:

二、气泡图

散点图图相关的配置参考 API 文档:

  • :针对当前数据列有效
  • 气泡数据列配置 :针对当前页面的所有散点数据列有效
    下面简单列举气泡图的特性及常见问题

气泡图的每个气泡包含三个值:x,y,z,其中 x 和 y 用于定位,z 用于计算气泡的大小,数据的定义可以是数组的形式(包含三个元素),也可以是对象的形式,下面是两种方式的实例代码:

数组形式

对象形式

通过渐变颜色我们可以将散点图变成 3D 散点图,详细请参考 。