Tablepress Chartist Wordpress Plugin is used by 9 websites. Among 9, 0 site is within top 10,000 and 0 site is within top 100,000 websites.

Wordpress Plugin Information of

Plugin Meta Name Plugin Meta Information
Plugin Name
Plugin Description Create a responsive chart based on the data in a TablePress table.
Detail Plugin Description

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:

  • Show/hide chart line: showline=true (default: true)
  • Show/hide show chart area: showarea=false (default: false)
  • Set chart y low: low=0 (default: table low)
  • Set chart y high: high=10 (default: table high)
  • Enable/disable smooth line: linesmooth=true (default: true)
  • Enable/disable line points: showpoint=true (default: true)
  • Set chart aspect ratio: aspect_ratio=3:4 (default: 3:4) Alternatives: 1, 15:16, 8:9, 5:6, 4:5, 3:4, 2:3, 5:8, 1:1.618, 3:5, 9:16, 8:15, 1:2, 2:5, 3:8, 1:3, or 1:4
  • Select chart type: chart=bar (default: line) Alternatives: line, bar, pie, or percent.

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:

/**
 * SVG Shape CSS properties: http://tutorials.jenkov.com/svg/svg-and-css.html#shape-css-properties
 */

/* First line / bar is .ct-series-a, next is .ct-series-b etc. */
.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point  {
    stroke: #073DA0;
}

.ct-series .ct-line, .ct-chart .ct-bar {
    fill: none;
    stroke-width: 10px;
}

.ct-chart .ct-point {
    stroke-width: 10px;
    stroke-linecap: round;
}
More Information Wordpress Official Plugin Repository
Google

Top 9 Websites built with Wordpress plugin

167,124 favicon of COMPARIC.PL COMPARIC.PL
Forex - Giełda, komentarze, analizy Forex - comparic.pl
SEO for Small Business - Get More Traffic | ReflectiveDynamics.com
High Speed Machining -
Il Giornale di Caivano - Blog di informazione e commenti su Caivano e dintorni
Essonne Info | Site d'actualité et d'information en Essonne - Journal indépendant et local en Essonne | Essonne Info
30,000,000 favicon of MM-BIZ.COM MM-BIZ.COM
Myanmar Local News ミャンマーローカルニュース
30,000,000 favicon of USWCC.ORG USWCC.ORG
U.S. Women's Chamber of Commerce | When we focus our power, we shape our world.
30,000,000 favicon of BIRBIGS.COM BIRBIGS.COM
Mike Birbiglia
30,000,000 favicon of ELCONTADOR.NET ELCONTADOR.NET
El Contador - Blog de contabilidad y finanzas