highcharts实现一个关联饼状图图表效果代码-html代码-BFW代码库

highcharts实现一个关联饼状图图表效果代码

代码语言：html

所属分类：图表

代码描述：highcharts实现一个关联饼状图图表效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/highcharts.js"></script>
</head>

<body>
    <div id="container" style="width:1000px;height:500px;margin:100px auto;"></div>
    <script>
        var categories = [
                    "Chrome",
                    "Firefox",
                    "Safari",
                    "other",
                    "IE",
                ],
                data = [
                    {
                        "y": 30,
                        "drilldown": {
                            "name": "Chrome",
                            "categories": [
                                "Chrome v65",
                                "Chrome v64",
                                "Chrome v63"
                            ],
                            "data": [
                                20,
                                30,
                                50
                            ]
                        }
                    },
                    {
                        "y": 10,
                        "drilldown": {
                            "name": "Firefox",
                            "categories": [
                                "Firefox v65",
                                "Firefox v64",
                                "Firefox v63",
                                "Firefox v62",
                                "Firefox v61",
                                "Firefox v60",
                                "Firefox v65",
                       .........完整代码请登录后点击上方下载按钮下载查看