如何在每列上面添加一个不同的饼图

时间:2015-01-19 11:01:25

标签: php mysql highcharts pie-chart

我有一个男性分布数据的柱形图。 我的问题是,是否可以在同一个图表上添加一个饼图,在每列上方显示每个男性的其他数据(如城市)?

编辑: 我看到了这个例子http://www.highcharts.com/demo/combo 在他们的演示和什么给了我这个想法。但是在代码中,他们通过具体说明放在哪里不是基于x轴来显示饼图。如果有可能的任何帮助?因为饼图没有x轴。

1 个答案:

答案 0 :(得分:1)

您可以迭代每一列,然后添加派对系列

 var xAxis = chart.xAxis[0],
        yAxis = chart.yAxis[0];


    $.each(chart.series[0].data, function (i, data) {
        console.log(data);
        chart.addSeries({
            type: 'pie',
            data: [{
                y: 13
            }, {
                y: 23
            }, {
                y: 19
            }],
            center: [xAxis.toPixels(data.x, true) - 20, yAxis.toPixels(data.y, true) - 50],
            size: 50,
            showInLegend: false,
            dataLabels: {
                enabled: false
            }
        })
    });

实施例: http://jsfiddle.net/f6rnr17c/