Linux 软件免费装
Banner图

TablePress Extension: Chartist

开发者 PerS
更新时间 2014年10月30日 06:59
捐献地址: 去捐款
PHP版本: 3.9 及以上
WordPress版本: 4.0
版权: GPLv2 or later

标签

responsive tablepress table chart

下载

0.3 0.4 0.5 0.5.1 0.6

详情介绍:

Using Chartist.js, this TablePress Extension creates a responsive chart based on the data in a TablePress table. Use Add the Shortcode [table-chart id=123 /] to a post or page to create a chart from the TablePress table 123. Optional parameters: If the "Table Head Row" option is enabled for the table, the Extension will use the head row data for the chart labels. The other rows will be shown as lines or bars. Pie or percent charts will only use the first data row. Percent charts will ignore the header row. CSS customizations If you'd like to overide the default style, you can add a tablepress-chartist-custom.css in wp-content directory. It will be loaded after the Extension's default CSS file libdist/chartist.min.css. Example: ` /** .ct-series .ct-line, .ct-chart .ct-bar { fill: none; stroke-width: 10px; } .ct-chart .ct-point { stroke-width: 10px; stroke-linecap: round; } `

安装:

Prerequisite (install first): The TablePress plugin
  1. In Plugins->Add New, search for tablepress chartist
  2. Click Install Now
  3. When the plugin is installed, activate it.

屏幕截图:

  • `[table-chart id=1 /]`
  • `[table-chart id=1 showarea=true /]`
  • `[table-chart id=1 showarea=true linesmooth=false /]`
  • `[table-chart id=1 linesmooth=false showpoint=false /]`
  • `[table-chart id=1 showarea=true showline=false showpoint=false /]`
  • `[table-chart id=1 low=0 high=8 /]`
  • `[table-chart id=1 chart=bar /]`
  • `[table-chart id=1 chart=pie /]`
  • `[table-chart id=1 chart=percent /]`

更新日志:

0.6 Switch to [table-chart] Shortcode. 0.5.1 0.5 0.4 0.3 0.2 0.1