气泡图

本章节我们将为大家介绍Highcharts的气泡图。

我们在前面的章节已经了解了Highcharts配置语法。然后让我们来看下Highcharts的其他配置。

配置

图表配置

配置图表的类型为'气泡'。chart.type描述了图表类型。有时为“线”。

chart.zoomType属性可配置图表放大，通过预先鼠标进行缩放，沿x轴或y轴进行缩放，可以设置为：'x'，'y'，'xy'。

var chart = {
   类型：“气泡”，
   zoomType：“ xy”
};

实例

3D气泡图

系列标记

设置series.marker渐变让其看起来有3D的效果。

标记：{
   填色： {
      radialGradient：{cx：0.4，cy：0.3，r：0.7}，
      停止：[
         [0，'rgba（255,255,255,0.5）']，[ 0 ，'rgba（255,255,255,0.5）' ]， 
         [1，Highcharts.Color（Highcharts.getOptions（）。colors [0]）。setOpacity（0.5）.get（'rgba'）][ 1 ，Highcharts 。色（Highcharts 。getOptions （）。颜色[ 0 ]）。setOpacity （0.5 ）。得到（'rgba' ）] 
      ]]
   }}
}}

实例