如何自定义热图高位图绘图区域和数据标签的颜色

Question

希望在这里获得一些帮助，我附上一张我想在这里完成两件事的图像

[First：在这种情况下是否可以将yAxis的数据放置在2条绘图线之间，而datalabel放置在这两条线之间，而不是在中间交叉？例如，我希望4月30日位于该行下方，并且该行上方的datalabel还要根据日期进行定位]

[第二：当颜色为浅绿色时，如何将数字的颜色更改为黑色，使其难以阅读。

Answer 1

1. 您可以将yAxis.type设置为类别，并使用格式化程序来模仿日期。

2. 使用dataLabels.formatter根据点值更改颜色。

   series: [{
       ...,
       dataLabels: {
           enabled: true,
           formatter: function() {
               if (this.color === '#FF00FF') {
                   return '<span style="color: orange">' + this.y + '</span>';
               }
   
               return this.y;
           }
       }
   }],
   yAxis: {
       type: 'category'
   }
   

---

实时演示： http://jsfiddle.net/BlackLabel/qxfa9b0c/1/

API参考：

https://api.highcharts.com/highcharts/yAxis.type

https://api.highcharts.com/highcharts/series.heatmap.dataLabels.formatter