Highcharts 圆环图

最新推荐文章于 2024-02-01 16:39:56 发布

原创

最新推荐文章于 2024-02-01 16:39:56 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Highcharts

一代码

<html>
<head>
<meta charset="UTF-8" />
<title>Highcharts 圆环图</title>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
</head>
<body>
<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
<script language="JavaScript">
$(document).ready(function() {  
   var colors = Highcharts.getOptions().colors;
   var categories = ['MSIE', 'Firefox', 'Chrome', 'Safari', 'Opera'];
   var data = [{
            y: 55.11,
            color: colors[0],
            drilldown: {
                name: 'MSIE versions',
                categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'],
                data: [10.85, 7.35, 33.06, 2.81],
                color: colors[0]
            }
        }, {
            y: 21.63,