案例:Highcharts案例     状态:可编辑再运行    进入横版
x
                        [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.5).get('rgba')]
 
1
<html>
2
<head>
3
<meta charset="UTF-8" />
4
<title>Highcharts 教程 | W3xue教程(w3xue.com)</title>
5
<script src="/js/jquery-2.1.4.min.js"></script>
6
<script src="https://code.highcharts.com/highcharts.js"></script>
7
<script src="https://code.highcharts.com/highcharts-more.js"></script>
8
</head>
9
<body>
10
<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
11
<script language="JavaScript">
12
$(document).ready(function() {  
13
   var chart = {
14
      type: 'bubble',
15
      plotBorderWidth: 1,
16
      zoomType: 'xy'
17
   };
18
   var title = {
19
      text: 'Highcharts bubbles with radial gradient fill'   
20
   };   
21
   var xAxis = {
22
      gridLineWidth: 1
23
   };
24

 运行结果 
 北美留学生论坛