2018-02-242018-03-21 棒グラフにtooltipを付ける方法を紹介します。D3 v4/v5にはtooltip用の関数が用意されていないのですが、CSSを使って簡単に実装できます。 サンプルデモ – バーをタップ、もしくはカーソルを合わせてください <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>D3 Test</title> <script src="https://d3js.org/d3.v5.min.js"></script> <style> /* CSS設定 */ .tooltip { position: absolute; text-align: center; width: auto; height: auto; padding: 5px; font: 12px; background: w
![D3.js 棒グラフ(bar chart)でのtooltipの追加方法 – データビジュアライゼーション・ラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f9418ab4425977efa32738e12a435d3cb91cc6d/height=288;version=1;width=512/https%3A%2F%2Fwizardace.com%2Fwp-content%2Fuploads%2F2018%2F02%2F-e1519482732598.png)