# スペースフィールドに表示したグラフを印刷したい

**URL:** <https://community.cybozu.dev/t/topic/8782>\
**Category:** kintone 開発相談\
**Created:** [2024 年 3 月 6 日午前 8:24 UTC](https://community.cybozu.dev/t/topic/8782 "2024-03-06T08:24:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![kintone\_k](https://avatars.discourse-cdn.com/v4/letter/k/8c91f0/32.png) [@kintone\_k](https://community.cybozu.dev/u/kintone_k)\
**Post date:** [2024 年 3 月 6 日午前 8:24 UTC](https://community.cybozu.dev/t/topic/8782/1 "2024-03-06T08:24:43Z")

</div>

Chart.js を使って kintone にレーダーチャートを表示するアプリを作成しました。  
【こちらを参照】

> **[Chart.js を使って kintone にレーダーチャートを表示する](https://cybozu.dev/ja/kintone/tips/development/customize/chart/create-radar-chart-on-kintone-using-chart-js/)**
>
> Chart.js を使って kintone のレコード詳細画面にレーダーチャートを表示する方法を紹介します。

ここで作成したレーダーチャートは、スペースフィールドに表示されるのですが、「レコードを印刷」をしようとすると、作成したレーダーチャートが表示されなくなります。

この問題を解決したいのですが、解決の糸口が掴めていません。

レーダーチャートを印刷画面でも表示させる方法があれば、教えていただきたいです。

---

<div class="post-metadata">

**Author:** ![ko\_ji](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/ko_ji/32/31_2.png) [@ko\_ji](https://community.cybozu.dev/u/ko_ji)\
**Post date:** [2024 年 3 月 6 日午前 8:40 UTC](https://community.cybozu.dev/t/topic/8782/2 "2024-03-06T08:40:13Z")

</div>

こんにちは。

参照している Tips の処理では、 [レコード詳細画面を表示した後のイベント](https://cybozu.dev/ja/kintone/docs/js-api/events/detail/detail-show-event/) を利用して  
チャートを表示させています。

Tips のサンプルコードをそのまま利用している場合、レコード印刷画面など、  
レコード詳細画面以外の画面では処理が発火しないです。

レコード印刷画面でもチャートを表示させたい場合、  
[レコード印刷画面を表示した後のイベント](https://cybozu.dev/ja/kintone/docs/js-api/events/print-show-event/) を、  
[kintone.events.on](https://cybozu.dev/ja/kintone/docs/js-api/events/event-handling/) に追加する必要があります。

kintone.events.on やイベントが理解できていない場合には、  
以下のページを参照してみてください。

> **[kintone JavaScript API](https://cybozu.dev/ja/tutorials/hello-kinapi/js-api/)**
>
> kintone JavaScript API は、ブラウザの画面上の情報を取得・操作できる API です。

---

<div class="post-metadata">

**Author:** ![kintone\_k](https://avatars.discourse-cdn.com/v4/letter/k/8c91f0/32.png) [@kintone\_k](https://community.cybozu.dev/u/kintone_k)\
**Post date:** [2024 年 3 月 6 日午前 9:13 UTC](https://community.cybozu.dev/t/topic/8782/3 "2024-03-06T09:13:16Z")

</div>

ご回答ありがとうございます。  
すぐに解決することができました。

どこで処理が発火しているかという観点は、完全に盲点でした。

改めて、ありがとうございます！

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 3 月 9 日午前 9:13 UTC](https://community.cybozu.dev/t/topic/8782/4 "2024-03-09T09:13:39Z")

</div>

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