具有SVG文本覆盖的响应式Google可视化

时间:2015-05-24 01:38:20

标签: svg google-visualization

我正在使用Google的新“素材”图表: https://developers.google.com/chart/interactive/docs/gallery/linechart#Material

我想在图表上叠加一些文字,但希望保持结果的响应。

这是一个例子: http://jsfiddle.net/cxjp00ng/3/

虽然这样做没问题,你可以从JS看到它非常脆弱:

google.visualization.events.addListener(chart, 'ready', function () {
    $('#pct').clone().insertAfter('#chart g:eq(1)').show();
});

这是SVG文本并将其移动到图表SVG中的正确位置,以便它位于工具提示的后面。

有更清洁,更健壮的方法吗?

相对于图表的文本放置在小显示器上也不总是很好(有时与图表本身相撞)。是否有更好的方法来定位/调整它?

0 个答案:

没有答案