如何组合highcharts（热图）和表（将每个表行映射到热图行）？

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>

如何在高级图表中嵌入html代码？

Answer 1

你可以使用多个yAxis（每个col）和启用的ticks / lineWidth参数。

mDrawerToggle.syncState();

实施例： - http://jsfiddle.net/0qmt0mkq/