jsで作成したポップアップ上にchart.jsののグラフを表示

Question

HTMLで地図の画像を表示し、設定しておいた場所をクリックするとjsで処理したポップアップ（クリックした横に吹き出し）が表示されるというのを行いたいのですが、そのポップアップ上にchart.jsで作成したグラフを表示することは可能でしょうか？
今はポップアップを表示させるjsの中でHTMLを使用しグラフの画像を表示しています。

もしできないようなら、chart.jsで作成したグラフを画像にし、それをポップアップで表示するというのを考えています。

結構悩んでいて進捗状況がよくないので助けてほしいです。
よろしくお願いします。

Answer 1

iframeを使用することで解決できました。
グラフの画像化やそのまま処理を埋め込むのは技術的に無理だと判断しました。

Answer 2

今はポップアップを表示させるjsの中でHTMLを使用しグラフの画像を表示しています。

この文章を見た限り、HTMLを使用してグラフの画像を表示していると記載いただいているので、
同様にHTMLを使用してchart.jsを動かす要素を入れれば適用されるのではないかと思います。
まずは一度動かしてみたらどうでしょうか？（試したけど動かないとかであれば対象コードを記載いただけると解決に近づくかもしれません。）

Comments

[nyanryou]

回答ありがとうございます。
試したのですが、動きませんでした。
ソースはチームで開発しているのであまり載せないほうがいいのかなと思いまして載せませんでした。

Answer 3

クリックした横に吹き出し

をポップアップと定義するなら、HTMLだけでは無理だと思いますが
ポップアップ用のライブラリを探して適用すれば表示可能だと思います

Comments

[nyanryou]

いつも回答していただきありがとうございます。