1
對於我的項目,我們使用HighChart jquery插件。在這些例子中,我們找到了餅圖和柱狀圖的深入圖表。但是在使用下鑽時:圖例是錯誤的。這裏是我的代碼:Highchart在鑽取圖表上顯示圖例項目
$('#container').highcharts({
chart: {
type: 'column'
},
credits: {
enabled: false
},
title: {
text: 'Drilldown wagenparkinstroom'
},
xAxis: {
type: 'category'
},
yAxis: {
title: {
text: "aantal auto's"
}
},
legend: {
enabled: true
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
}
}
},
series: [{
name: 'Liters',
colorByPoint: true,
data: [{
name: 'Q1',
y: 55,
drilldown: 'q1',
}, {
name: 'Q2',
y: 17,
drilldown: 'q2'
}, {
name: 'Q3',
y: 16,
drilldown: 'q3'
}, {
name: 'Q4',
y: 10,
drilldown: 'q4'
}]
}],
drilldown: {
series: [{
id: 'q1',
name: 'Q1',
data: [
['Audi', 6],
['Volvo', 8],
['Volkswagen', 11],
['BMW', 7],
['Ford', 7],
['Renault', 6],
['Peugeot', 4],
['Mercedes-Benz', 1],
['Skoda', 2],
['Opel', 3]
]
},{
id: 'q2',
name: 'Q2',
data: [
['Audi', 3],
['Volvo', 1],
['Volkswagen', 0],
['BMW', 2],
['Ford', 3],
['Renault', 2],
['Peugeot', 1],
['Mercedes-Benz', 4],
['Skoda', 0],
['Opel', 1]
]
},{
id: 'q3',
name: 'Q3',
data: [
['Audi', 5],
['Volvo', 4],
['Volkswagen', 2],
['BMW', 1],
['Ford', 1],
['Renault', 1],
['Peugeot', 1],
['Mercedes-Benz', 0],
['Skoda', 1],
['Opel', 0]
]
},{
id: 'q4',
name: 'Q4',
data: [
['Audi', 1],
['Volvo', 2],
['Volkswagen', 0],
['BMW', 3],
['Ford', 1],
['Renault', 2],
['Peugeot', 0],
['Mercedes-Benz', 0],
['Skoda', 1],
['Opel', 0]
]
}]
}
});
產地:
正如你看到的:傳說不匹配吧。它在這裏是一個解決方案,讓我的傳奇符合酒吧?謝謝!
---編輯--- 已經嘗試過。但酒吧留空:
series: [{
name: 'Q1',
y: 55,
drilldown: 'q1',
}, {
name: 'Q2',
y: 17,
drilldown: 'q2'
}, {
name: 'Q3',
y: 16,
drilldown: 'q3'
}, {
name: 'Q4',
y: 10,
drilldown: 'q4'
}],
這是正確的,但我不在鑽取,所以我ike看到所有的部分。你知道怎麼做嗎? – JelleP
如果你有單一的意甲,你總是會有單一的項目。嘗試使用5個系列(每個點的每個系列)。 –
感謝您的評論。已經嘗試過(查看我的編輯)。我做錯什麼了嗎? – JelleP