ハイチャート（ヒートマップ）とテーブル（ヒートマップ行を使って各テーブル行をマッピングする）を結合する方法は？

Question

私はヒートマップを生成していますが、同時にヒートマップの各行に対応する情報を持つテーブルが1つありますので、両者を並べて保ちたいと思います。

以下は、ヒートマップコードのサンプルリンクです。 http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/heatmap/

テーブルのHTMLコード：

<table cellpadding=0,celspacing=12> 
    <tr><td>Monday</td><td>Smith</td><td>50</td></tr> 
    <tr><td>Tuesday</td><td>Jackson</td><td>90</td></tr> 
    <tr><td>Wednesday</td><td>Doe</td><td>80</td></tr> 
    <tr><td>Thursday</td><td>Doe</td><td>80</td></tr> 
    <tr><td>Friday</td><td>Doe</td><td>80</td></tr> 
</table> 

がどのように私はhighchartsにhtmlコードを埋め込むことができますか？

Answer 1

あなたが有効ティック/線幅のparamsと（各COLあたり）の使用、複数のY軸を使用することができます。

yAxis: [{ 
     categories: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'], 
     title: null 
    },{ 
      linkedTo: 0, 
     tickLength:100, 
     tickWidth: 2, 
     opposite: true, 
     title: null, 
     lineWidth: 2, 
     categories: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'], 
    },{ 
      linkedTo: 0, 
     tickLength:100, 
     tickWidth: 2, 
     opposite: true, 
     title: null, 
     lineWidth: 2, 
     categories: ['Smith', 'Jackson', 'Doe', 'Doe', 'Doe'], 
    },{ 
      linkedTo: 0, 
     gridLineWidth: 2, 
     tickLength:100, 
     tickWidth: 2, 
     opposite: true, 
     title: null, 
     lineWidth: 2, 
     categories: ['10', '20', '40', '59', '23'], 
    }], 

例： - いいですが、私はそれぞれの行のチェックボックスを持っている1つの以上の列があり、そのIDが他のページに渡す必要http://jsfiddle.net/0qmt0mkq/