{"id":2615,"date":"2022-09-19T15:36:08","date_gmt":"2022-09-19T06:36:08","guid":{"rendered":"https:\/\/mattarishitemota.com\/?p=2615"},"modified":"2022-09-19T15:36:08","modified_gmt":"2022-09-19T06:36:08","slug":"chart-js%e3%81%a7%e3%83%84%e3%83%bc%e3%83%ab%e3%83%81%e3%83%83%e3%83%97%e8%a1%a8%e7%a4%ba%e6%99%82%e3%81%ab%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e5%87%a6%e7%90%86%e3%81%97%e3%81%9f%e3%81%84","status":"publish","type":"post","link":"https:\/\/mattarishitemota.com\/?p=2615","title":{"rendered":"Chart.js\u3067\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u8868\u793a\u6642\u306b\u30a4\u30d9\u30f3\u30c8\u51e6\u7406\u3057\u305f\u3044"},"content":{"rendered":"\n

Chart.js \u3067\u30b0\u30e9\u30d5\u3092\u4f5c\u6210\u3057\u3066\u3044\u3066\u3001\u30b0\u30e9\u30d5\u4e0a\u306e\u70b9\uff08Point\uff09\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u6642\u306b\u3001\u305d\u306e\u30c7\u30fc\u30bf\u3092\u4f7f\u3063\u3066\u51e6\u7406\u3057\u305f\u304f\u306a\u308b\u3053\u3068\u304c\u3042\u308b\u3002<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Tooltip Callbacks \u304c\u4f7f\u3048\u308b\u304b\u3068\u601d\u3063\u305f\u304c\u3001\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u306b\u8868\u793a\u3059\u308b\u6587\u5b57\u5217\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u305f\u3081\u3060\u3051\u3063\u307d\u3044\u3002<\/p>\n\n\n\n

https:\/\/www.chartjs.org\/docs\/latest\/configuration\/tooltip.html#tooltip-callbacks<\/a><\/p>\n\n\n\n

Chart \u5168\u4f53\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u65b9\u306b onHover \u30a4\u30d9\u30f3\u30c8\u304c\u3042\u3063\u305f\u3002<\/p>\n\n\n\n

options: ChartOptions = {\n    scales: {\n      x: {\n        \/\/ \u7701\u7565\n      }\n    },\n    onHover: (e, elements) => {\n      \/\/ \u30dd\u30a4\u30f3\u30c8\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u6642\u306f elements[0] \u306b PointElement \u304c\u5165\u3063\u3066\u3044\u308b\u3002\n    }\n  };<\/code><\/pre><\/div>\n\n\n\n
https:\/\/www.chartjs.org\/docs\/latest\/configuration\/interactions.html#events<\/a><\/p>\n\n\n\n
\u305f\u3060\u3053\u306e\u307e\u307e\u3060\u3068 mousemove \u30a4\u30d9\u30f3\u30c8\u304c\u5927\u91cf\u306b\u767a\u751f\u3057\u3066\u3057\u307e\u3046\u3002\u306a\u306e\u3067 events \u30aa\u30d7\u30b7\u30e7\u30f3\u3082\u6307\u5b9a\u3002<\/p>\n\n\n\n
options: ChartOptions = {\n    \/\/ \u7701\u7565\n    events: ['click'],\n    onHover: (e, elements) => {\n      if (elements.length > 0) {\n        this.chartClick.emit(elements[0].index);\n      }\n    }\n  };\n<\/code><\/pre><\/div>\n\n\n\n
\u3053\u3046\u3059\u308b\u3068\u3001\u30de\u30a6\u30b9\u30db\u30d0\u30fc\u6642\u306b\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u304c\u8868\u793a\u3055\u308c\u306a\u304f\u306a\u3063\u3066\u3057\u307e\u3046\u304c\u3001\u30b9\u30de\u30db\u304b\u3089\u30a2\u30af\u30bb\u30b9\u3057\u305f\u6642\u306f\u3069\u3046\u305b\u30bf\u30c3\u30d7\u3057\u306a\u3044\u3068\u8868\u793a\u3055\u308c\u306a\u3044\u306e\u3067\u3001\u3080\u3057\u308d\u3053\u306e\u52d5\u4f5c\u3067\u826f\u3055\u305d\u3046\u3002<\/p>\n\n\n\n
\u4e0a\u8a18\u306e\u3088\u3046\u306b elements[0].index \u3067 data \u4e2d\u306e\u4f55\u756a\u76ee\u306e\u30c7\u30fc\u30bf\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u304b\u53c2\u7167\u3067\u304d\u308b\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
Chart.js \u3067\u30b0\u30e9\u30d5\u3092\u4f5c\u6210\u3057\u3066\u3044\u3066\u3001\u30b0\u30e9\u30d5\u4e0a\u306e\u70b9\uff08Point\uff09\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u6642\u306b\u3001\u305d\u306e\u30c7\u30fc\u30bf\u3092\u4f7f\u3063\u3066\u51e6\u7406\u3057\u305f\u304f\u306a\u308b\u3053\u3068\u304c\u3042\u308b\u3002 Tooltip Callbacks \u304c\u4f7f\u3048\u308b\u304b\u3068\u601d\u3063\u305f\u304c\u3001\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u306b\u8868\u793a\u3059\u308b\u6587\u5b57\u5217 …<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[9],"tags":[23,33],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":2612,"url":"https:\/\/mattarishitemota.com\/?p=2612","url_meta":{"origin":2615,"position":0},"title":"Chart.js\u306eonHover\u30a4\u30d9\u30f3\u30c8\u3067\u30c7\u30fc\u30bf\u66f4\u65b0\u3057\u3066\u3082\u5909\u66f4\u691c\u77e5\u3055\u308c\u306a\u3044","author":"Owner","date":"2022\u5e749\u670819\u65e5","format":false,"excerpt":"Chart.js \u3067\u8868\u793a\u3057\u305f\u30b0\u30e9\u30d5\u304b\u3089\u3001\u7279\u5b9a\u306e\u30c7\u30fc\u30bf\u3092\u524a\u9664\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u305f\u3044\u3002 \u30c7\u30fc\u30bf\u70b9\u3092\u30af\u30ea\u30c3\u30af\u3057\u2026","rel":"","context":"IT","block_context":{"text":"IT","link":"https:\/\/mattarishitemota.com\/?cat=9"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2601,"url":"https:\/\/mattarishitemota.com\/?p=2601","url_meta":{"origin":2615,"position":1},"title":"ngx-chartjs\u3067time\u30b9\u30b1\u30fc\u30eb\u3092\u4f7f\u304a\u3046\u3068\u3059\u308b\u3068\u3001adapter\u304c\u5fc5\u8981\u3068\u306e\u30a8\u30e9\u30fc","author":"Owner","date":"2022\u5e749\u670819\u65e5","format":false,"excerpt":"\u516c\u5f0f\u306e\u30b3\u30fc\u30c9\u30b5\u30f3\u30d7\u30eb\u3067\u306f X \u8ef8\u306f\u30ab\u30c6\u30b4\u30ea\u30b9\u30b1\u30fc\u30eb\u306b\u306a\u3063\u3066\u3044\u308b\u3002 https:\/\/github.co\u2026","rel":"","context":"IT","block_context":{"text":"IT","link":"https:\/\/mattarishitemota.com\/?cat=9"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2022\/09\/f30e6cd318ca4aa61ea271f4a7757fbb.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2022\/09\/f30e6cd318ca4aa61ea271f4a7757fbb.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2022\/09\/f30e6cd318ca4aa61ea271f4a7757fbb.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2022\/09\/f30e6cd318ca4aa61ea271f4a7757fbb.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":2584,"url":"https:\/\/mattarishitemota.com\/?p=2584","url_meta":{"origin":2615,"position":2},"title":"ng2-charts\u3067generate\u3057\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u30b3\u30f3\u30d1\u30a4\u30eb\u30a8\u30e9\u30fc","author":"Owner","date":"2022\u5e749\u67083\u65e5","format":false,"excerpt":"\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u5f93\u3063\u3066 ng generate ng2-charts:line \u3067\u751f\u6210\u3057\u305f\u30b3\u30f3\u30dd\u30fc\u2026","rel":"","context":"IT","block_context":{"text":"IT","link":"https:\/\/mattarishitemota.com\/?cat=9"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2022\/09\/2fbf7a3903c6ecc158f2577ec157ebb6.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2022\/09\/2fbf7a3903c6ecc158f2577ec157ebb6.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2022\/09\/2fbf7a3903c6ecc158f2577ec157ebb6.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2022\/09\/2fbf7a3903c6ecc158f2577ec157ebb6.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":2365,"url":"https:\/\/mattarishitemota.com\/?p=2365","url_meta":{"origin":2615,"position":3},"title":"Electron Forge \u306e Webpack \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067 Electron Preferences \u3092\u4f7f\u3046\u3068\u3001\u8a2d\u5b9a\u753b\u9762\u304c\u771f\u3063\u767d\u306b\u306a\u308b","author":"Owner","date":"2022\u5e742\u670811\u65e5","format":false,"excerpt":"\u72b6\u6cc1\u3092\u78ba\u8a8d\u3059\u308b\u305f\u3081\u3001debug: true \u306b\u3057\u3066 DevTools \u3092\u8868\u793a\u3057\u3066\u307f\u308b\u3002 const \u2026","rel":"","context":"IT","block_context":{"text":"IT","link":"https:\/\/mattarishitemota.com\/?cat=9"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2432,"url":"https:\/\/mattarishitemota.com\/?p=2432","url_meta":{"origin":2615,"position":4},"title":"Konva.js \u3067\u3069\u3046\u3057\u3066\u3082\u6587\u5b57\u304c\u306b\u3058\u3093\u3067\u898b\u3048\u308b\u6642\u306f","author":"Owner","date":"2022\u5e744\u670816\u65e5","format":false,"excerpt":"Konva.js \u306e Text \u3067\u6587\u5b57\u3092\u66f8\u304d\u51fa\u3057\u3066\u3044\u308b\u306e\u3060\u304c\u3001\u3069\u3046\u3057\u3066\u3082\u6587\u5b57\u304c\u306b\u3058\u3093\u3067\u898b\u3048\u3066\u6c17\u306b\u306a\u3063\u2026","rel":"","context":"IT","block_context":{"text":"IT","link":"https:\/\/mattarishitemota.com\/?cat=9"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":316,"url":"https:\/\/mattarishitemota.com\/?p=316","url_meta":{"origin":2615,"position":5},"title":"Contact Form 7\u3067\u306e\u554f\u3044\u5408\u308f\u305b\u3092Google Analytics\u306e\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u4f7f\u3044\u305f\u3044\uff08\u516c\u5f0f\u30da\u30fc\u30b8\u306e\u60c5\u5831\u3060\u3068\u3046\u307e\u304f\u3044\u304b\u306a\u3044\uff09","author":"Owner","date":"2020\u5e742\u67088\u65e5","format":false,"excerpt":"Contact Form 7 \u306b\u5b9f\u88c5\u3055\u308c\u3066\u3044\u308b\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u6642\u306e\u30ab\u30b9\u30bf\u30e0\u30a4\u30d9\u30f3\u30c8\u3092\u62fe\u3063\u3066Google \u2026","rel":"","context":"WordPress","block_context":{"text":"WordPress","link":"https:\/\/mattarishitemota.com\/?cat=3"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2020\/02\/c8be030de16820fcc7a323927232fe05.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2020\/02\/c8be030de16820fcc7a323927232fe05.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2020\/02\/c8be030de16820fcc7a323927232fe05.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2020\/02\/c8be030de16820fcc7a323927232fe05.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2020\/02\/c8be030de16820fcc7a323927232fe05.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/mattarishitemota.com\/wp-content\/uploads\/2020\/02\/c8be030de16820fcc7a323927232fe05.png?resize=1400%2C800&ssl=1 4x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/mattarishitemota.com\/index.php?rest_route=\/wp\/v2\/posts\/2615"}],"collection":[{"href":"https:\/\/mattarishitemota.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mattarishitemota.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mattarishitemota.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mattarishitemota.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2615"}],"version-history":[{"count":4,"href":"https:\/\/mattarishitemota.com\/index.php?rest_route=\/wp\/v2\/posts\/2615\/revisions"}],"predecessor-version":[{"id":2620,"href":"https:\/\/mattarishitemota.com\/index.php?rest_route=\/wp\/v2\/posts\/2615\/revisions\/2620"}],"wp:attachment":[{"href":"https:\/\/mattarishitemota.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2615"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mattarishitemota.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2615"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mattarishitemota.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}