用highctarts的热力图时遇到的间距问题

Question

在用highcharts的热力图的时候，我只需要显示一个横条的数据：

配置参数

Highcharts.chart(containerId , {
        chart: {
             type: 'heatmap',
             height: '40px',
             width: '600',
             borderWidth: 1,
         }
 })

显示的结果

显示的色带太窄了，于是我尝试加上margin-top:-60后显示结果如下：

此时色带的高度有了，但是色带的整体位置偏上了,没有垂直居中

想要实现的效果：
色带有高度且垂直方向居中，或者色带直接垂直方向上直接充满整个container也可。
尝试的方法
尝试设置padding:0;height:100%等都不起作用。
=====================================补充================================
在线例子：http://jsfiddle.net/cxr0v6ke/6/
我想让色带垂直居中或者高度充满整个container