我有一个多系列柱形图(在本例中为 3 个)。我想在所有系列的列上覆盖一条线。所以我用相同的列系列数据创建了另外 3 个线系列。当只有一个列和行系列时,这非常有效。对于多个系列,线条呈现在类别的中心,而不是显示在相应的列上(注意:左移线条会起作用,但我不知道如何)。
链接到 JSFiddle:http: //jsfiddle.net/Wm6dU/7/
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: "Column Line Combo"
},
xAxis: {
categories: [
"Cat 1",
"Cat 2",
"Cat 3"],
},
yAxis: {
title: {
text: 'USD'
}
},
series: [{
name: "Revenue",
data: [
49.9,
71.5,
106.4],
type: "column"
}, {
name: "Revenue",
data: [
49.9,
71.5,
106.4],
type: "line"
}, {
name: "Cost of goods sold",
data: [
83.6,
78.8,
98.5],
type: "column"
}, {
name: "Cost of goods sold",
data: [
83.6,
78.8,
98.5],
type: "line"
}, {
name: "Operating Expenses",
data: [
48.9,
38.8,
39.3],
type: "column"
}, {
name: "Operating Expenses",
data: [
48.9,
38.8,
39.3],
type: "line"
}]
});
});
谢谢。