The distance problem encountered when using the thermal map of highctarts

when using highcharts"s thermal map, I only need to display a bar of data:

configuration parameters

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

shows the result

margin-top:-60:

at this time, the height of the ribbon is present, but the overall position of the ribbon is on the upper side and is not centered vertically

what you want to achieve:
the color is high and centered vertically, or the ribbon fills the entire container directly vertically.
the method you try
trying to set padding:0;height:100% and so on does not work.
= add =
online example: http://jsfiddle.net/cxr0v6ke/6/
I want the ribbon to center vertically or fill the entire container with height