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
clipboard.png

margin-top:-60:

clipboard.png
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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b36c9d-2c045.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b36c9d-2c045.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?