みんなに優しく、解りやすくをモットーに開設しています。 以下のルールを守りみんなで助け合いましょう。
1.ファイルメーカーで解らない事があればここで質問して下さい。 何方でも、ご質問・ご回答お願いします。 (優しく回答しましょう)
You are not logged in.
Pages: 1
いつもお世話になっております。最近になって知ったのですがchart.js が進化し3系列に変わっています。そこで、私のwindows10のpc環境で下記のコードを使いグラフ表示しようとするとブラウザでは描画されますが、webビューアでは出来ません。2.9.3まで出来るのですが3系列は対応出来ないのでしょうか。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>グラフ</title>
</head>
<body>
<h1>PieChart</h1>
<canvas id="mychart-pie"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.3.2/chart.min.js" integrity="sha512-VCHVc5miKoln972iJPvkQrUYYq7XpxXzvqNfiul1H4aZDwGBGC0lq373KNleaB2LpnC2a/iNfE5zoRYmB4TRDQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script>
var ctx = document.getElementById('mychart-pie');
var myChart = new Chart(ctx, {
type: 'pie',
data: {
labels: ['Red', 'Green', 'Blue'],
datasets: [{
data: [10, 20, 30],
backgroundColor: ['#f88', '#484', '#48f'],
weight: 100,
}],
},
});
</script>
</div>
</body>
</html>
これもjavascript同様webビューアがWindows版がIE11相当エンジンであるため対応出来ない状況が発生するようにIE11相当エンジンの問題なのか<script src=の設定の問題なのかよく分かりません。ご教授よろしくお願いいたします。
webビューワーが、たしかIE9あたり相当(確かではないです)のエンジンを使っていたと思いますので、jsに対応していないのでは。
Offline
Shin様 Windows版の場合jsはES6(正しくはES2015)以降では問題が発生しますが、今回の場合同じjsコードでchart.js 2.9.3迄は問題なく描画されますのでjsの問題は考えられません。多分3系列から、IE11が対応ブラウザから外れているのかもと思っていますが・・・・
エンジンに全く同じソースが使われているかどうかわかりません。ブラウザと比較する意味が無いのでは。
Offline
Chart.js - v3.3.2 は、ES6で書かれているのでWindowsのwebビューアでは使えないですね。(2021/06/17現在)
Offline
>ブラウザと比較する意味が無いのでは。
確かに前に調べたときブラウザ毎にレンダリングエンジンもjavascriptエンジンも異なっていますし、ましてwebビューアはIE11相当エンジンとしか分かっていませんが、でも最新のブラウザを使いjavascript含んだhtmlで描画出来ても、webビューアで描画出来ないときは、以前の質問のおかげでjavascriptのコードに問題があると思い至ります。私は、まずコードが正常に動作するか確認するためブラウザで試し、webビューア用のtextに書き込み動作を確認しもし駄目ならBabelでES6より前のコードに直したり他の方に質問し修正を加え使えるコードにしています。今回はchart.js が3系になったのでwindows環境のfilemakerのwebビューアでグラフ描画を試したところ描画されないのでChart.js 3.3.2が使えないかどうか質問したのです。その前提としてそのコードが正常に動作するかをブラウザ(Firefox)で確認し、そのことを記しだけです。ちなみにIE11で試してはいません
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.3.2/chart.min.js" integrity="sha512-VCHVc5miKoln972iJPvkQrUYYq7XpxXzvqNfiul1H4aZDwGBGC0lq373KNleaB2LpnC2a/iNfE5zoRYmB4TRDQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script>
以外は、webビューアでグラフ描画出来たChart.js 2.9.3の場合と何ら変わりません。
qb_dp様 回答に気付かず申し訳ありません。
>Chart.js - v3.3.2 は、ES6で書かれているのでWindowsのwebビューアでは使えないですね。(2021/06/17現在)
なるほど、Chart.js そのもののコードが・・・
有り難うございました。
>Chart.js - v3.3.2 は、ES6で書かれているのでWindowsのwebビューアでは使えないですね。(2021/06/17現在)
FileMaker 19.3 は、WEBビューアがEdgeになったので Chart.js - v3.3.2 が使えます。たぶん...(2021/06/24現在)
Offline
FileMaker 19.3 は、WEBビューアがEdgeになったので Chart.js - v3.3.2 が使えます。
使えました。但し以前はcolorを4個のうち3個だけ指定していたとき、指定していなかったその部分が薄く色が無かったのに今回は一番目の指定色になったりcanvasの大きさがデフォルトで大きくなった。。なお、前のプラグインが効かない。3.3.2対応版を探さないと・・・
おお?とうとうEdge相当に切り替わったですか。これはこれで悩む人も出てくるかな^^
インタラクティブオブジェクトのPDFもそっちになりましたね。
ああ!
FileMaker 19.3 は、WEBビューアがEdgeになったので Chart.js - v3.3.2 が使えます。
迄は良かったが
chart.js 3.3.2ばかりでなくchart.js 2.9.3でもcolor自動設定のプラグイン「chartjs-plugin-colorschemes」が効かない・・・3.3.2対応版の問題でない
Pages: 1
[ Generated in 0.007 seconds, 7 queries executed - Memory usage: 520.39 KiB (Peak: 524.93 KiB) ]