如何在每列上方添加不同的饼图
how to add above each column a different pie chart
我有一个关于男性数据分布的柱形图。
我的问题是,是否可以在同一张图表上添加一个饼图,在每列上方显示每个男性的其他数据(例如城市)?
编辑:
我看到了这个例子 http://www.highcharts.com/demo/combo
在他们的演示上,是什么给了我这个想法。但在代码中,他们通过具体说明将饼图放在哪里而不是基于 x 轴来显示饼图。如果可能的话有什么帮助吗?因为饼图没有 x y 轴。
您可以迭代每一列,然后添加饼图
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://www.highcharts.com/demo/combo 在他们的演示上,是什么给了我这个想法。但在代码中,他们通过具体说明将饼图放在哪里而不是基于 x 轴来显示饼图。如果可能的话有什么帮助吗?因为饼图没有 x y 轴。
您可以迭代每一列,然后添加饼图
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
}
})
});