異なるバージョンのChart.jsを同時に使用する方法

Question

Chart.jsを使用してグラフを作成していますが、異なるバージョンのChart.jsを同時に使用することは可能でしょうか。ネットで調べて色々と試したのですが、できませんでしたので、こちらで質問させていただきます。

<script src="//js/Chart1.01.min.js"></script> 
<script src="//js/Chart2.7.min.js"></script>

$(function() {
　　　　
　　　　1.01で動かしたい

});

$(function() {

　　　　2.7で動かしたい

 });

以下では動きませんでした。

<script src="//js/Chart1.01.min.js"></script> 
<script type="text/javascript">
var $101 = $.noConflict(true);
</script>
<script src="//js/Chart2.7.min.js"></script>

(function($){
$(function() {
　　　　
　　　　　1.01で動かしたい

});
})($101)

$(function() {

　　　　　2.7で動かしたい

 });

Comments

[maisumakun]

読み込むファイル名が「Chart1.01」のようになっていますが、質問内容はjQueryで間違いないですか？

[inari1973]

あ・・。異なるバージョンのJQueryではありませんでした。気づきませんでした。申し訳ございません。

[m.ts10806]

調べたこと試したこと起きた現象を具体的に追記してください。
https://teratail.com/help/question-tips#questionTips3-4
というか傍から見ていると「異なるバージョンを導入するメリット」はほとんどないように思います。
前提や背景も記載してください。

[inari1973]

それぞれのバージョンでしか各プログラムが動かないからです。そもそもは、ver1.01とver2.7を別々のページで動かしていたのですが、同じページにまとめると、どちらか片方しか動かなくなってしまいました。プログラムを修正すれば良いのですが、修正せずに動かせる方法があればと思い、質問をさせていただきました。

[m.ts10806]

質問本文に記載してください。
こちらはあくまで質問への追記修正依頼欄で、デフォルト非表示であるためこちらに書かれても質問本文との関連性はあまりとれません。

Answer 1

Chart1の仕組みがよくわからないので仮にjQueryで

• mypage.html

iframeを設定する

<script>
window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('[name=a]').addEventListener('load',function(){
    console.log(a.$.fn.jquery); //1.12.4
  });
  document.querySelector('[name=b]').addEventListener('load',function(){
    console.log(b.$.fn.jquery); //3.3.1
  });
});
</script>
<iframe src="hoge.html" name="a" style="display:none"></iframe>
<iframe src="fuga.html" name="b" style="display:none"></iframe>

• hoge.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

• fuga.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 2

あきらめて新しいバージョンでプログラムを作成することにしました。ご協力をいただきありがとうございました。

Comments

[yambejp]

まぁいまさらどうでもいいんですが、iframe処理は試されました？

[inari1973]

WEBサイトのレイアウトを変えることになるiframeは試しておりません。申し訳ございません。