2016-11-21 3 views
0

ダイナミックテーブルの各シリーズの名前があります。伝説のものをどのように読むことができますか? enabledフラグでオンにすると、1つのテキスト "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 ; 
    } 
} 

は、あなたが今、あなたは唯一のシリーズを設定し、3つのシリーズを作成する必要がyour fiddle updated

+0

グラフの下には "Serie 1"しか表示されません。私は "Car1、car2、car3 ...."を表示するのに必要でした。 –

+0

ああ、すみません。あなたのコードは間違っています。あなたはシリーズを追加する必要があります:シリーズの代わりにシリーズ:[{データ.....}]フィドルを更新http://jsfiddle.net/Nishith/ryfajjh1/4/ –

+0

はい、それは私の探しているように見え始めました。どういうわけか、第3の「車」に名前がないか空でない場合、私はその底から取り除きたいのですか?そのバーは表示されているが、下部には「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番目には車1と2のデータ(名前)と2番目の車1〜3(動的データ)が含まれています。また、3つの車名を表示するには伝説が必要です。どうやってやるの? –

+0

凡例は、点の名前ではなく、系列の名前を表示します(円グラフを使用しない限り)。今、あなたがデータをどのように表現したいのかはわかりませんが、シリーズ間でデータを再構成する必要があると思います。 – morganfree

+0

y-axxisには、x-axxis日の時間があります。バーは、予約されたアイテムと予約時間を表します。伝えたい項目を伝えたいと思ったので、そこからテーブルを並べ替えることができました。毎日0-n個のアイテムを予約できます。 –

関連する問題