饼图的建设馅饼

时间:2015-02-04 07:14:47

标签: charts highcharts

我必须构建饼图饼,其中已经有各种可能的方式。我找到了用于数据可视化的Highcharts。这是一个功能“下钻”,但我希望两个饼图一起连接弧线。为了达到同样的目的,我们尝试使用两个标签构建两个饼图,并使用css连接弧,但是无法实现。请帮助我通过任何可能的方式创建饼图饼。我搜索过D3js,谷歌图表和高图,但无法实现。我的代码如下:

$(function(){         $( '#左')。highcharts({

        title: {
            text: 'Pie of Pie charts'
        },
        plotOptions: {
            pie: {
                dataLabels: {
                    enabled: false
                },
                innerSize:150,
                showInLegend: true
            }
        },
        series: [{
            type: 'pie',
            name: 'Browser share',
            data: [
                            ['Firefox', 45.0],
                            ['IE', 26.8],
                            ['Safari', 8.5],
                            ['Opera', 6.2],
                            ['Others', 0.7]
            ]
        }]

    });
    $('#right').highcharts({

        title: {
            text: 'Pie of Pie charts'
        },
        plotOptions: {
            pie: {
                dataLabels: {
                    enabled: false
                },
                innerSize:150,
                showInLegend: true
            }
        },
        series: [{
            type: 'pie',
            name: 'Browser share',
            data: [
                            ['Firefox', 35],
                            ['IE', 26.8],
                            ['Safari', 8.5],
                            ['Opera', 20],
                            ['Others', 80]
            ]
        }]


    });
});

0 个答案:

没有答案