Я пытаюсь реализовать тепловые карты с помощью библиотеки HighCharts.
вот ссылка, которая в данный момент ссылается: URL: https://jsfiddle.net/br0ocjf6/32/
Ниже приведено определение моей диаграммы для Тепловых карт. Я не могу видеть цвет фона каждой ячейки на основе значения, так как я установил minColor и maxColor в colorAxis
Highcharts.chart('container', {
chart:{
"type":"heatmap",
"spacingLeft":45,
"spacingRight":45,
"spacingBottom":45,
"spacingTop":45,
"height":500,
"reflow":true,
"inverted":false
},
colorAxis: {
min: 0,
minColor: '#000000',
maxColor: '#FFFFFF'
},
series:[
{
"name":"100005",
"data":[
{
"x":0,
"y":0,
"g":100005
}
],
"dataLabels":{
"borderWidth":20,
"color":"#ffffff",
"enabled":true
},
"dataType":"string",
"color":"#00c9e8"
},
{
"name":"100004.07",
"data":[
{
"x":1,
"y":1,
"g":100004.07
}
],
"dataLabels":{
"borderWidth":20,
"color":"#ffffff",
"enabled":true
},
"dataType":"string"
},
{
"name":"100004.08",
"data":[
{
"x":2,
"y":1,
"g":100004.08
}
],
"dataLabels":{
"borderWidth":20,
"color":"#ffffff",
"enabled":true
},
"dataType":"string"
},
{
"name":"100004.09",
"data":[
{
"x":3,
"y":0,
"g":100004.09
}
],
"dataLabels":{
"borderWidth":20,
"color":"#ffffff",
"enabled":true
},
"dataType":"string"
},
{
"name":"100005.01",
"data":[
{
"x":4,
"y":0,
"g":100005.01
}
],
"dataLabels":{
"borderWidth":20,
"color":"#ffffff",
"enabled":true
},
"dataType":"string"
},
{
"name":"100005.02",
"data":[
{
"x":5,
"y":1,
"g":100005.02
}
],
"dataLabels":{
"borderWidth":20,
"color":"#ffffff",
"enabled":true
},
"dataType":"string"
},
{
"name":"100005.03",
"data":[
{
"x":6,
"y":1,
"g":100005.03
}
],
"dataLabels":{
"borderWidth":20,
"color":"#ffffff",
"enabled":true
},
"dataType":"string"
},
{
"name":"100005.04",
"data":[
{
"x":7,
"y":1,
"g":100005.04
}
],
"dataLabels":{
"borderWidth":20,
"color":"#ffffff",
"enabled":true
},
"dataType":"string"
}
],
yAxis:[
{
"gridLineWidth":0,
"opposite":false,
"columnName":"string",
"title":{
"useHtml":true,
"margin":15,
"text":"string",
"style":{
}
},
"labels":{
"style":{
}
},
"index":0
}
],
xAxis:{
"categories":[
"27/01/19",
"01/01/19",
"25/01/19",
"26/01/19",
"28/01/19",
"29/01/19",
"30/01/19",
"31/01/19"
],
"title":{
"y":15,
"text":"Date"
}
}
});
Can anyone help me understand why am not able to view the background color as specified in colorAxis?