文件列表:

assets/ (0, 2023-10-21)
assets/icon-128x128.jpg (4088, 2023-10-21)
assets/icon-256x256.jpg (8056, 2023-10-21)
assets/screenshot-1.jpg (174025, 2023-10-21)
assets/screenshot-2.jpg (114163, 2023-10-21)
assets/screenshot-3.jpg (94048, 2023-10-21)
besan-block/ (0, 2023-10-21)
besan-block/besan-block.php (874, 2023-10-21)
besan-block/build/ (0, 2023-10-21)
besan-block/build/besan-block-editor.min.css (1010, 2023-10-21)
besan-block/build/besan-block.min.js (6539, 2023-10-21)
besan-block/inc/ (0, 2023-10-21)
besan-block/inc/assets.php (1540, 2023-10-21)
besan-block/inc/options-page.php (1201, 2023-10-21)
besan-block/inc/plugins-page.php (1529, 2023-10-21)
besan-block/inc/template-options-page.php (2237, 2023-10-21)
besan-block/source/ (0, 2023-10-21)
besan-block/source/blocks/ (0, 2023-10-21)
besan-block/source/blocks/chart/ (0, 2023-10-21)
besan-block/source/blocks/chart/block.json (720, 2023-10-21)
besan-block/source/blocks/chart/chart/ (0, 2023-10-21)
besan-block/source/blocks/chart/chart/bar-horizontal.php (4236, 2023-10-21)
besan-block/source/blocks/chart/chart/bar-vertical.php (4681, 2023-10-21)
besan-block/source/blocks/chart/chart/chart.php (1469, 2023-10-21)
besan-block/source/blocks/chart/data/ (0, 2023-10-21)
besan-block/source/blocks/chart/data/sheet-data.php (2840, 2023-10-21)
besan-block/source/blocks/chart/edit.js (4543, 2023-10-21)
besan-block/source/blocks/chart/icons.js (2635, 2023-10-21)
besan-block/source/blocks/chart/index.js (349, 2023-10-21)
besan-block/source/blocks/chart/register.php (2405, 2023-10-21)
besan-block/source/scss/ (0, 2023-10-21)
besan-block/source/scss/component/ (0, 2023-10-21)
besan-block/source/scss/component/_block-editor.scss (421, 2023-10-21)
besan-block/source/scss/component/_editor-note.scss (387, 2023-10-21)
besan-block/source/scss/component/_form.scss (291, 2023-10-21)
besan-block/source/scss/component/_instructions.scss (352, 2023-10-21)
besan-block/source/scss/editor.scss (200, 2023-10-21)
... ...

# Besan Block This WordPress plugin adds a responsive and accessible data chart block to the post editor. A content editor can use the "Chart" block to add a data chart to any page or post based on data from a publicly viewable Google sheet. ## Usage instructions 1. In the WordPress admin, install and enable the "Besan Block" plugin. 2. Enter your Google Sheets API key on the plugin's settings page. 3. Edit any page or post and add the "Chart" editor block. 4. In the Inspector panel (on the right-hand side of the editor), enter the following information: * The URL of your publicly viewable Google sheet * The column of data that your chart will be based on * What kind of chart you would like to display * What color the bars of the chart should be. 4. Optionally _(but preferably)_, enter a title and caption for the chart inside the editor. 5. Save and view the page! The block will calculate the number of unique values inside that column and create a chart based on that data. Editors can choose among several chart types: * Vertical bar chart * Horizontal bar chart Other chart types (including pie charts!) are coming... eventually. ## Resources * [https://entrepreneurs.maqtoob.com/44-new-cool-websites-and-apps-to-learn-something-new-7b82beab1139#.vp8fjhj02](https://entrepreneurs.maqtoob.com/44-new-cool-websites-and-apps-to-learn-something-new-7b82beab1139#.vp8fjhj02) * [https://github.com/d3/d3-3.x-api-reference/blob/master/Pie-Layout.md](https://github.com/d3/d3-3.x-api-reference/blob/master/Pie-Layout.md) * [http://alignedleft.com/tutorials/d3/drawing-svgs](http://alignedleft.com/tutorials/d3/drawing-svgs)

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：