Question

我有一个很大的热图，因为它很大，所以我试图在有人将鼠标悬停在其上时突出显示该单元格，并且我也想突出显示y轴刻度作为时间参考，因为它很大图表的宽度。我已经看到了一些示例，但是我的热图没有对悬停效果做出响应。

我已使用此示例将红色单元格突出显示，但是它不起作用。 http://jsfiddle.net/937twae7/我还研究了这种方法来突出显示刻度值，但是由于类似的原因，它可能无法正常工作。 https://jsfiddle.net/sjapdya6/1/

在代码的“系列”部分中，我这样做：

...
states: {
  hover: {
    color: 'red'
  }
}
...

这是我的图表：https://jsfiddle.net/civilsurfer/Lhysx2vg/1/

当我将鼠标悬停在单元格上时，什么都没有发生。

感谢您的帮助。

Answer 1

您使用了class TimesheetSerializer(ModelSerializer): timesheet_entries = TimesheetEntrySerializer(many=True) class Meta: model = Timesheet fields = ['date', 'user', 'total_hours', 'timesheet_entries'] def to_representation(self, instance): result = super().to_representation(instance) result['user'] = UserDetailsSerializer(instance=instance.user).data return result def create(self, validated_data): entries = validated_data.pop('timesheet_entries') timesheet = Timesheet.objects.create(**validated_data) for entry in entries: TimesheetEntry.objects.create(timesheet=timesheet, **entry) timesheet.recalculate() timesheet.save() return timesheet ```模块，该模块可以提高性能，但会带来一些限制-例如，无法更改状态下的颜色。

要突出显示轴标签，您需要调整boost功能：

findTick

实时演示： https://jsfiddle.net/BlackLabel/agcper18/

文档： https://www.highcharts.com/docs/advanced-chart-features/boost-module

如何在高图热图悬停时突出显示单元格和yaxis刻度

1 个答案: