如何使用高图启用鼠标悬停在饼图的副标题或标题上

Question

我的要求是在饼图的副标题上显示鼠标悬停时包含每个饼图切片颜色的div。我正在使用highchart.js。如何实现这一目标。请帮忙。

Please find the attached image for mor information

Answer 1

使用工具提示选项。

tooltip: {
    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    backgroundColor: '#FCFFC5',
    borderColor: 'black',
    borderRadius: 10,
    borderWidth: 3
}

有关更多信息，请访问 http://www.highcharts.com/docs/chart-concepts/tooltip

Answer 2

您需要在字幕/标题上附加mouseenter事件。你可以在加载事件上做到这一点。然后你应该创建一个包含所有信息和样式的div。

& "SELECT F1, F2, F3, F4, F5, F6, DateValue(F7), F8, F9, '', '', '', '', F10, F11, F12, '', '', 0, Date() " _

示例：http://jsfiddle.net/farucbbu/