ผู้เขียน หัวข้อ: แนะนำ Plugin สร้าง Chart ง่ายๆใน WordPress  (อ่าน 1977 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
แนะนำ Plugin สร้าง Chart ง่ายๆใน WordPress
« เมื่อ: 26 กันยายน 2016, 14:28:55 »
จริงๆแล้วต้องบอกว่า Plugin สำหรับสร้าง Chart ใน WordPress นั้นมีเยอะมากๆ บางตัวใช้ง่าย บางตัวใช้ยาก บางตัวต้องเสียเงิน แตกต่างกันออกไป แต่สำหรับ Plugin ที่ผมจะแนะนำนั้น รับรองว่าใช้งานไม่ยุ่งยาก และสร้าง Chart ออกมาได้สวยงาม มาเริ่มกันเลยดีกว่าครับ


1. RJ Quickcharts rjqucikcharts height=297

คุณสมบัติ
 
  • Create bar, pie and line charts with simple Intuitive UI
  • Charts are HTML, CSS and JavaScript so they will work on any modern mobile device
  • Charts will resize dynamically with responsive themes
  • Enter your data directly into the Excel-like table without having to know options or long short code sequences to build your chart
  • Style the charts with custom colors of your choice
  • Custom chart height
  • Add a chart legend
  • Embed your charts by using the built-in WordPress “Add Media” button on any Post, Page or Custom Post Type
  • Utilizes built-in WordPress core functionality
  • Custom chart title and Y Axis title
  • Tooltips hover on chart data with custom suffix
  • Working preview of chart as you build it
  • Take screenshots of your chart and save as .png to use in presentations or slideshows!
สำหรับตัวนี้บอกเลยครับ ใช้งานง่าย มีเครื่องมือสำหรับเลือกแบบ สร้าง และแสดงผลให้ดูเดี๋ยวนั้นได้เลย แต่ขอเตือนก่อนนะครับ ตัวนี้ยังมีปัญหากับภาษาไทย บทความต่อไป ผมจะแนะนำวิธีแก้ไขและวิธีใช้ครับ สาเหตุที่ผมชอบเพราะเป็น Plugin สำหรับสร้าง Chart ที่มีเครื่องมือเบ็ดเสร็จในตัวเองนั่นเองครับ
ดาวน์โหลด RJ Quickcharts


2. Visualizer: Charts and Graphs visualizer height=291
คุณสมบัติ
WordPress Visualizer Charts plugin is a simple, easy to use and quite powerful tool to create, manage and embed interactive charts into your WordPress posts and pages.
The plugin uses Google Visualization API to render Google charts, which support cross-browser compatibility (adopting VML for older IE versions) and cross-platform portability to iOS and new Android releases.
 9 Chart types The plugin provides a variety of charts that are optimized to address your data visualization needs. It is line chart, area chart, bar chart, column chart, pie chart, geo chart, gauge chart, candlestick chart and scatter chart. These charts are based on pure HTML5/SVG technology (adopting VML for old IE versions), so no extra plugins are required. Adding these charts to your page can be done in a few simple steps.
 Flexible and customizable Make the charts your own. Configure an extensive set of options to perfectly match the look and feel of your website. You can use Google Chart Tools with their default setting – all customization is optional and the basic setup is launch-ready. However, charts can be easily customizable in case your webpage adopts a style which is at odds with provided defaults. Every chart exposes a number of options that customize its look and feel.
 HTML5/SVG Charts are rendered using HTML5/SVG technology to provide cross-browser compatibility (including VML for older IE versions) and cross platform portability to iPhones, iPads and Android. Your users will never have to mess with extra plugins or any software. If they have a web browser, they can see your charts.
สำหรับ Visualizer: Charts and Graphs  มีข้อดีคือการ มองว่า Chart ทุกอันเป็น Media ดังนั้นจึงสามารถเข้าไปจัดการผ่าน Media ได้เลย แต่มีข้อด้อยกว่า RJ Quickcharts (แต่ทั้งนี้อาจเป็นข้อดีก็ได้) ตรงที่ต้องอาศัยดึงข้อมูลจากภายนอก ผ่านไฟล์ CSV โดย CSV นั้นสามารถรับได้จาก 2 แหล่งคือ ผ่านการอัพโหลด และออนไลน์ ดังนั้นถ้ามีความรู้ทางด้าน Programing ก็เขียนโปรแกรมให้ดึงข้อมูลจากฐานข้อมูล แล้วนำไปอัพเดทไฟล์ CSV แล้วให้ Visualizer: Charts and Graphs ดึงออกมาแสดงผลอีกครั้งหนึ่ง หรือหา Plugin ที่สามารถแก้ไขไฟล์ CVS ได้แบบออนไลน์ ก็จะทำให้ Visualizer: Charts and Graphs ใช้งานสะดวกมาขึ้นครับ ซึ่งเอาไว้ในบทความหลังๆนะครับ จะมาแนะนำ
ดาวน์โหลด Visualizer: Charts and Graphs


3.WP Business Intelligence Lite
wpbi height=296
คุณสมบัติ
 
  • Live connection to your WordPress DB via custom SQL queries
  • Responsive charts/tables
  • Dynamically filter data to be displayed in the chart
  • Works in Chrome, Firefox, IE10
  • Customize your charts (data precision, labels, colors, etc.)
  • Charts based on D3 via NVD3
สำหรับตัวนี้นั้นเป็น Version Lite หมายความว่าถูกจำกัดความสามารถ ถ้าอยากใช้ version เต็มที่มีความสามารถมากกว่า ก็ต้องจ่ายเงินครับดูรายละเอียดเพิ่มเติมที่ WP Business Intelligence Pro สำหรับ WP Business Intelligence Lite นั้นมีคุณสมบัติที่น่าสนใจ คือ การติดต่อกับฐานข้อมูลได้โดยตรง ดังนั้นการสร้าง Chart ทุกๆครั้งก็จะได้ข้อมูลมาจากฐานข้อมูล โดยไม่ต้องผ่านไฟล์ CSV เหมือนกับ Visualizer: Charts and Graphs แต่ทั้งนี้ผู้ใช้ก็ต้องมีพื้นฐานความรู้ด้านการใช้งานฐานข้อมูลด้วย จึงจะสามารถใช้งานได้
ดาวน์โหลด WP Business Intelligence Lite

สำหรับบทความนี้คงแนะนำเพียงเท่านี้ก่อน สำหรับการใช้งานติดตามในบทความต่อๆไปนะครับ



ที่มา: http://clpark.rmuti.ac.th/suthep/ideas/%E0%B9%81%E0%B8%99%E0%B8%B0%E0%B8%99%E0%B8%B3-plugin-%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87-chart-%E0%B8%87%E0%B9%88%E0%B8%B2%E0%B8%A2%E0%B9%86%E0%B9%83%E0%B8%99-wordpress