我们可以使用highcharts.js创建饼图和散点图吗?

时间:2014-06-05 06:14:37

标签: highcharts

这个问题与highcharts有关。我们可以在highcharts中创建这样的东西吗?散点图上的饼图?请查看网址https://www.dropbox.com/s/mcmzn0t0hz4s2x7/pieChartScatterPlot.png

1 个答案:

答案 0 :(得分:2)

我首先绘制一个普通的散点图,然后循环点,在它们上面放置额外的饼图:

// initial scatter
series: [{
    type: 'scatter',
    name: 'Scatter Me',
    data: [3, 2, 1, 3, 4]
}]

// in load event, loop our scatter series
// and add a pie chart at each point
chart: {
    events: {
        load: function(){
            var chart = this;
            $.each(chart.series[0].data, function(i,datap){
                chart.addSeries({
                    type: 'pie',
                    minSize: 50,
                    size: 50,
                    dataLabels: {enabled: false},
                    data: [Math.random() * 10, Math.random() * 10, Math.random() * 10],
                    center: [datap.plotX-21, datap.plotY-21],
                }, false);
            });
            chart.redraw();
        }
    }
}

这是一个fiddle以及它的外观:

enter image description here

让我摸不着头脑的一件事是,我必须引入一个fudge factor来让饼图中心与点对齐。