Question

我有一个svg标签，我正在使用highchart总图进行绘制。我想知道我有什么办法可以给鼠标悬停时放大该标签的选项。下面是标签的代码。

ren.label('PhantomJS', 210, 82)
                .attr({
                    r: 5,
                    width: 100,
                    fill: colors[1]
                })
                .css({
                    color: 'white',
                    fontWeight: 'bold'
                })
                .add();

Answer 1

这取决于图表的其余部分的构建方式以及其中存储的数据（如果有）。

Highcharts有一种缩放到特定点的方法，但是您需要定义该点是什么：https://api.highcharts.com/class-reference/Highcharts.Point#zoomTo。绘制图表后，您正在绘制标签，因此它不属于图表数据，因此，没有可以缩放的“点”。

您可以尝试的另一种选择是触发setExtremes()函数以更新统计图轴并在统计图的特定区域（https://api.highcharts.com/class-reference/Highcharts.Axis%23setExtremes）上进行“放大”。请参阅此堆栈溢出答案中的链接小提琴：https://stackoverflow.com/a/44875178/2596103。他们在这里所做的是使用位于图表外部的HTML按钮和呈现的标签。

您可能需要考虑注释（https://api.highcharts.com/highcharts/annotations），并查看它们是否可以为您提供所需的缩放功能。

我希望这些信息对您有所帮助。

鼠标悬停时Highchart总图svg标签放大

1 个答案: