2014-03-31 60 views
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] 
      ] 
     }] 
    } 
}); 

產地:

enter image description here

正如你看到的:傳說不匹配吧。它在這裏是一個解決方案,讓我的傳奇符合酒吧?謝謝!

---編輯--- 已經嘗試過。但酒吧留空:

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' 
}], 

回答

1

在深入研究中,您有單個serie,但僅着色點。圖例顯示系列不是分數,因此您只有單個項目。

+0

這是正確的,但我不在鑽取,所以我ike看到所有的部分。你知道怎麼做嗎? – JelleP

+0

如果你有單一的意甲,你總是會有單一的項目。嘗試使用5個系列(每個點的每個系列)。 –

+0

感謝您的評論。已經嘗試過(查看我的編輯)。我做錯什麼了嗎? – JelleP