案例：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
​
25
   var yAxis = {
26
      startOnTick: false,
27
      endOnTick: false
28
   };
29
​
30
   var series= [{
31
           data: [
32
                [9, 81, 63],
33
                [98, 5, 89],
34
                [51, 50, 73],
35
                [41, 22, 14],
36
                [58, 24, 20],
37
                [78, 37, 34],
38
                [55, 56, 53],
39
                [18, 45, 70],
40
                [42, 44, 28],
41
                [3, 52, 59],
42
                [31, 18, 97],
43
                [79, 91, 63],
44
                [93, 23, 23],
45
                [44, 83, 22]
46
            ],
47
            marker: {
48
                fillColor: {