amchart5を利用した地図グラフ作成について

カスタマイズビューで amCharts 5 を使って日本地図を表示してみよう! – cybozu developer network (zendesk.com)

上記を基に地図グラフを作成しようとしていますが、サンプルデータを追加後、カスタマイズビュー名「mapView」を選択した際に↓画像のように何も表示されません。何か原因など分かればご教授下さい。

 

(補足:下記は問題なく作成できております。)

amChartsのTreemapを使って、予算配分を可視化してみよう! – cybozu developer network (zendesk.com)

その記事の地図、試したことがあるんですが、地図表示されました。
デベロッパーツールにエラーでていたりないですかね??
ビューのIDが間違っていたりないですかね??

ハマりがちかな~とおもうのは

if (event.viewId !== 6429032) { // 作成したカスタマイズビューのIDを指定

とするべきところを

if (event.viewId !== "6429032") { // 作成したカスタマイズビューのIDを指定

のように"をつけて文字列にしてしまっているとかないでしょうかー

 

画面のスクショではこんな感じに想像するぐらいしかできないので、
書かれたコードや、デベロッパーツールや、カスタマイズビューのスクショなどを貼り付けられると、
原因特定しやすいと思います~!

>juridonさん

コメントありがとうございます!

sample.js のビューのIDは再度確認し問題はありませんでした。コードは下記となります。

(sample.js 内のビューのID箇所以外は変更しておりません)

if (event.viewId !== 5983931) { // 作成したカスタマイズビューのIDを指定

カスタマイズビュースクショは下記になります。

 

ディベロッパーツールを確認したところ、下記エラーが出ていました、、

おそらくゲストスペース上でアプリを作成していたのが原因でしょうか。。

コードやエラーメッセージありがとうございます~。
なるほどです~、エラーの原因はゲストスペースだからですね。
これハマりますよね。ゲストスペースだったら~の情報少ないですよね^^;

@kintone/rest-api-client
のclientを宣言するときに、ゲストスペースのIDを指定すると良いですよ。

const client = new KintoneRestAPIClient();

となっているところを

const client = new KintoneRestAPIClient({guestSpaceId:ゲストスペースのID});

って感じです。(たぶん。。。)

詳しくは↓こちらのちょっと下の表のguestSpaceIdって書いているところを読んでみてください~。
https://github.com/kintone/js-sdk/tree/master/packages/rest-api-client#usage
※私は英語が苦手なのでいちいち翻訳しながら読んでいます^^;

ありがとうございます。

アドバイス通り下記修正したところ、無事地図マップが画面に表示されました!

constclient =newKintoneRestAPIClient({guestSpaceId:ゲストスペースのID});

ご丁寧に回答いただきありがとうございました!

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。