图4-11 Highcharts 散点图
散点图相关的配置参考 API 文档:
- :针对当前页面的所有散点数据列有效
下面简单列举散点图的特性及常见问题
散点图和直线图的区别是散点图少了点之间的连线,所以只需要隐藏线图的线条即可将线图转换成散点图。
我们知道在线图中,可以通过 来指定某个数据列的点的形状,也可以标记某个点的形状,marker 里可以指定内置的常用形状,也可以是图片,还可以是自定义的形状。
这里还有一个利用 Font Awesome 图标的例子:
二、气泡图
散点图图相关的配置参考 API 文档:
- :针对当前数据列有效
- 气泡数据列配置 :针对当前页面的所有散点数据列有效
下面简单列举气泡图的特性及常见问题
气泡图的每个气泡包含三个值:x,y,z,其中 x 和 y 用于定位,z 用于计算气泡的大小,数据的定义可以是数组的形式(包含三个元素),也可以是对象的形式,下面是两种方式的实例代码:
数组形式
对象形式
通过渐变颜色我们可以将散点图变成 3D 散点图,详细请参考 。