如何结合highcharts（heatmap）和table（将每个表格行与heatmap行进行映射）？

Question

我正在生成热图，但在同一时间我有一个表，其中有热图每行的相应信息，所以我想保持并排。

以下是热图代码的示例链接。为表 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

可以使用（每个COL）使用多个Y轴启用蜱/的lineWidth PARAMS。

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

例子： - http://jsfiddle.net/0qmt0mkq/