Title: Greencharts Author: mbaroncini Published: 2023년 2월 14일 Last modified: 2023년 2월 14일 --- 플러그인 검색 이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의 좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 있을 수 있습니다. ![](https://ps.w.org/greencharts/assets/icon.svg?rev=2865055) # Greencharts 작성자: [mbaroncini](https://profiles.wordpress.org/mbaroncini/) [다운로드](https://downloads.wordpress.org/plugin/greencharts.1.0.1.zip) * [세부사항](https://ko.wordpress.org/plugins/greencharts/#description) * [평가](https://ko.wordpress.org/plugins/greencharts/#reviews) * [설치](https://ko.wordpress.org/plugins/greencharts/#installation) * [개발](https://ko.wordpress.org/plugins/greencharts/#developers) [지원](https://wordpress.org/support/plugin/greencharts/) ## 설명 This WordPress plugin allows you to easily add interactive charts to your website, using data from the global-warming.org API and the ChartJs library. The plugin has built-in mechanisms such as server cache, lazy load and client cache, which work together to reduce the CO2 emissions caused by internet/hardware usage per chart view. ### Usage Once the plugin is installed and configured, you can add chart shortcodes to your pages and posts. The available shortcodes are: * `[greencharts-chart type="temperature"]`: Displays a line chart of global temperature change over time. * `[greencharts-chart type="co2"]`: Displays a line chart of CO2 emissions by country. * `[greencharts-chart type="methane"]`: Displays a line chart of global methane gas emissions. * `[greencharts-chart type="oceanwarming"]`: Displays a line chart of global ocean warming. You can customize the appearance of the charts using the ChartJs library’s options and callbacks using wordpress js hooks. Visit [ChartJs documentation](https://www.chartjs.org/docs/latest/) for more information. ### Support If you have any issues with the plugin, please open a Github issue or contact us via email. We will do our best to assist you. ### Contribution If you would like to contribute to the development of this plugin, please fork the repository and submit a pull request. ### Disclaimer This plugin is provided “as is” without warranty of any kind, either express or implied. Global warming.org and ChartJs library do not endorse this plugin and are not responsible for any damages or losses that may result from its use. ### Plugin hooks #### php [docs](https://developer.wordpress.org/plugins/hooks/) Use the apply_filters function to set a transient value to false. This will disable caching for the greencharts data. ``` apply_filters('greencharts_transient_disableCache', false); ``` Use the apply_filters function to set the lifespan of transient. The filter can be used to modify the lifespan of the transient before it is set. The transient is used to cache remote API requests, default transient is 1 month. The lifespan should be the number of seconds, see [$expiration](https://developer.wordpress.org/reference/functions/set_transient/#parameters) parameter of wordpress `set_transient` function ``` apply_filters('greencharts_transient_lifespan', $this->lifespan, $this); ``` Use the apply_filters function to set a logger value to true. This will enable logging for the greencharts data. ``` apply_filters('greencharts_logger_shouldLog', defined('WP_DEBUG') && true === WP_DEBUG); ``` Use the apply_filters function to set a verbose value to true. This will enable verbose logging for the greencharts data. ``` apply_filters('greencharts_logger_shouldBeVerbose', false); ``` Uses the apply_filters function to alter ajax resposes data used by charts. Useful if you need to add more charts. ``` apply_filters('greencharts_ajax_chartsApi',$charts->getChartsDataByType($type), $type); ``` #### js [docs](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-hooks/) Remember to use `wp.hooks.addFilter` BEFORE greencharts js load. This code applies a filter to the chartConfig object which is used to create a greencharts_js_chartConfig chart on the canvas. The filter is used to modify the chartConfig object so that it can be used to create a customized chart. ``` globalHooks.applyFilters("greencharts_js_chartConfig", chartConfig, canvas); // usage example: wp.hooks.addFilter( "greencharts_js_chartConfig", "defaultHooks", (chartConfig, canvas) => { console.log("THEME FILTER", chartConfig, canvas.dataset.type); chartConfig.data.datasets[0].backgroundColor = "blue"; return chartConfig; } ); ``` This code applies a filter to the debug var that control operations logging. The filter is set to false, meaning that any code related to greencharts_js_debug will not be logged in the browser js console. ``` globalHooks.applyFilters("greencharts_js_debug", false), // usage example: wp.hooks.addFilter("greencharts_js_debug", "defaultHooks", () => true); ``` This code applies a filter to the “greencharts_js_errorMessage” string. The filter takes in the string, along with the data and error objects, and returns a modified version of the string. This is useful for customizing error messages based on different scenarios. ``` globalHooks.applyFilters( "greencharts_js_errorMessage", "Something goes wrong during chart loading. Please retry later", data, error ); ``` This code applies a filter to the text of a “Reset zoom” button on a canvas element. This allows developers to customize the text of the button. ``` options.globalHooks.applyFilters( "greencharts_js_resetZoomButtonText", "Reset zoom", canvas ); ``` This code applies a filter to the text of a “Load chart” button on a canvas element. This allows developers to customize the text of the button. ``` options.globalHooks.applyFilters( "greencharts_js_loadButtonText", "Load chart", canvas );

Assets attribution

``` – Image by (rawpixel.com)[https://www.freepik.com/free-vector/social-media-analysis- design-graphs_16323246.htm#query=minimal%20charts&position=3&from_view=search&track =ais] on Freepik – Image by (Freepik)[https://www.freepik.com/free-vector/green- energy-buildings_713297.htm#query=eco%20green&position=31&from_view=search&track =ais] ## 스크린샷 [⌊The button viewed before chart load⌉⌊The button viewed before chart load⌉[ The button viewed before chart load [⌊The zoomed CO2 chart⌉⌊The zoomed CO2 chart⌉[ The zoomed CO2 chart [⌊The entire CO2 chart⌉⌊The entire CO2 chart⌉[ The entire CO2 chart [⌊The ocean warming chart⌉⌊The ocean warming chart⌉[ The ocean warming chart [⌊The methane levels chart⌉⌊The methane levels chart⌉[ The methane levels chart [⌊The temperature chart⌉⌊The temperature chart⌉[ The temperature chart ## 설치 * Download the plugin from the WordPress plugin repository. * Upload the plugin to your website and activate it. ## 후기 이 플러그인에 대한 평가가 없습니다. ## 기여자 & 개발자 “Greencharts”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다. 기여자 * [ mbaroncini ](https://profiles.wordpress.org/mbaroncini/) [자국어로 “Greencharts”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/greencharts) ### 개발에 관심이 있으십니까? [코드 탐색하기](https://plugins.trac.wordpress.org/browser/greencharts/)는, [SVN 저장소](https://plugins.svn.wordpress.org/greencharts/) 를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/greencharts/) 을 [RSS](https://plugins.trac.wordpress.org/log/greencharts/?limit=100&mode=stop_on_copy&format=rss) 로 구독하세요. ## 변경이력 * 1.0.1 Updated README * 1.0.0 The first stable version * 0.1 The first beta version ## 기초 * 버전 **1.0.1** * 최근 업데이트: **4년 전** * 활성화된 설치 **10보다 적음** * 워드프레스 버전 ** 5.0 또는 그 이상 ** * 다음까지 시험됨: **6.1.12** * PHP 버전 ** 7.0 또는 그 이상 ** * 언어 * [English (US)](https://wordpress.org/plugins/greencharts/) * 태그: * [ChartJS](https://ko.wordpress.org/plugins/tags/chartjs/)[charts](https://ko.wordpress.org/plugins/tags/charts/) [Green](https://ko.wordpress.org/plugins/tags/green/) * [고급 보기](https://ko.wordpress.org/plugins/greencharts/advanced/) ## 평점 아직 제출된 리뷰가 없습니다. [Your review](https://wordpress.org/support/plugin/greencharts/reviews/#new-post) [모든 리뷰 보기](https://wordpress.org/support/plugin/greencharts/reviews/) ## 기여자 * [ mbaroncini ](https://profiles.wordpress.org/mbaroncini/) ## 지원 할 말 있으신가요? 도움이 필요하신가요? [지원 포럼 보기](https://wordpress.org/support/plugin/greencharts/)