2016-11-21 77 views
0

我在動態表格中爲每個系列命名。我如何閱讀這些圖例?當使用啓用標誌設置它時,只顯示一個文本「Serie1」。 我想讓它顯示「Car 1,Car2,Car3 .....」? 當鼠標懸停在鼠標上時,我可以看到系列名稱(條形圖名稱),但無法將相同的文本轉換爲圖例。如何從圖例數據表中讀取系列名稱

$(function() { 
var series = [{name: 'Car 1',data: [[1, 3],[4, 6],[7, 9]]}, 
       {name: 'Car 2',data: [[2, 3],[8, 10],[12, 18]]}, 
       {name: 'Car 3',data: [[5, 9],[1, 2]]}]; 

var data = []; 
for(var i=0;i<series.length;i++) { 
    for(var j=0;j<series[i].data.length;j++) { 
     data.push({ 
      x: i, 
      low: series[i].data[j][0], 
      high: series[i].data[j][1], 
      name: series[i].name 
     }); 
    } 
} 

$('#container').highcharts({ 
    chart: { 
     type: 'columnrange', 
     inverted: true 
    }, 
    plotOptions: { 
     columnrange: { 
      dataLabels: { 
       enabled: false 
      } 
     } 
    }, 
    legend: { 
     enabled: true 
    }, 
    series: [{data: data}] 
}); 
}); 
+0

你能重現它在工作的小提琴? – claudios

+0

你是什麼意思,重現?還沒有使用小提琴,只是看它的例子。 –

回答

0

更新

你的變量系列已經與系列名稱和數據定義。使用直接Updated fiddle here

您需要添加格式化功能,如下面的代碼:

tooltip: {   
    formatter:function(){ 

     return ''+this.point.name+':'+ this.point.low +' - '+ this.point.high ; 
    } 
} 

這裏是your fiddle updated

+0

它仍然只顯示圖表底部的「Serie 1」。我需要它來顯示「Car1,car2,car3 ....」 –

+0

哦,對不起。你的代碼是錯誤的。你需要添加系列:系列,而不是系列:[{數據.....}]更新小提琴http://jsfiddle.net/Nishith/ryfajjh1/4/ –

+0

是的,這開始看起來像,我在找什麼。怎麼樣,如果第三個「汽車」沒有名字或它的空,我想從底部刪除?說這些酒吧顯示,但底部只有「Car1,Car2」? –

1

你必須創建三個系列,現在你只設定一個系列。此外,您需要禁用分組併爲每個點指定x屬性,以便來自同一系列的點位於同一行中。

var series = [{ 
    name: 'Car 1', 
    data: [ 
    [0, 1, 3], 
    [0, 4, 6], 
    [0, 7, 9] 
    ] 
}, { 
    name: 'Car 2', 
    data: [ 
     [1, 2, 3], 
     [1, 8, 10], 
     [1, 12, 18] 
    ] 
}, { 
    name: 'Car 3', 
    data: [ 
    [2, 5, 9], 
    [2, 1, 2] 
    ] 
}]; 

例如:https://jsfiddle.net/kbcdkmok/1/

+0

仍不能得到這項工作。我必須系列/行。第一包括汽車1和2的數據(名稱)和第二輛汽車1-3(等動態數據)而我需要傳奇才能顯示所有三個汽車名稱,而不是系列的「通用名稱」。我怎樣才能做到這一點? –

+0

圖例顯示系列名稱,而不是點名稱(除非您使用餅圖)。現在,我不清楚你想如何表示數據 - 但是從我想象的你需要重新組織系列內部的數據。 – morganfree

+0

在y-axxis中,我有日期,在x-axxis日子裏。酒吧代表保留和預訂時間的項目。我嘗試/想要傳說展示代表物品,所以我可以從中對錶格進行排序。 0-n項目可以每天保留。 –

相關問題