[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fPlHrNINYTxj_i4svrjHcx8Xyz18tum07eFVtg2MLlV8":3},{"slug":4,"display_name":4,"profile_url":5,"plugin_count":6,"total_installs":7,"avg_security_score":8,"avg_patch_time_days":9,"trust_score":10,"computed_at":11,"plugins":12},"silsha","https:\u002F\u002Fprofiles.wordpress.org\u002Fsilsha\u002F",1,800,85,30,84,"2026-04-04T15:55:03.989Z",[13],{"slug":14,"name":15,"version":16,"author":4,"author_profile":5,"description":17,"short_description":18,"active_installs":7,"downloaded":19,"rating":20,"num_ratings":21,"last_updated":22,"tested_up_to":23,"requires_at_least":24,"requires_php":25,"tags":26,"homepage":31,"download_link":32,"security_score":8,"vuln_count":33,"unpatched_count":33,"last_vuln_date":34,"fetched_at":35},"charts-for-tablepress-chartist","TablePress Extension: Chartist","0.10.1","\u003Cp>Using \u003Ca href=\"http:\u002F\u002Fgionkunz.github.io\u002Fchartist-js\u002F\" rel=\"nofollow ugc\">Chartist.js\u003C\u002Fa>, this \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Ftablepress\u002F\" rel=\"ugc\">TablePress\u003C\u002Fa> Extension creates a responsive chart based on the data in a TablePress table.\u003C\u002Fp>\n\u003Ch4>Use\u003C\u002Fh4>\n\u003Cp>Add the Shortcode \u003Ccode>[table-chart id=123 \u002F]\u003C\u002Fcode> to a post or page to create a chart from the TablePress table 123.\u003C\u002Fp>\n\u003Cp>Optional parameters:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Show\u002Fhide chart line: \u003Ccode>showline=true\u003C\u002Fcode> (default: true)\u003C\u002Fli>\n\u003Cli>Show\u002Fhide show chart area: \u003Ccode>showarea=false\u003C\u002Fcode> (default: false)\u003C\u002Fli>\n\u003Cli>Set chart y low: \u003Ccode>low=0\u003C\u002Fcode> (default: table low)\u003C\u002Fli>\n\u003Cli>Set chart y high: \u003Ccode>high=10\u003C\u002Fcode> (default: table high)\u003C\u002Fli>\n\u003Cli>Set line with of the donut chart: \u003Ccode>donut_width=200\u003C\u002Fcode> (default: false)\u003C\u002Fli>\n\u003Cli>Enable\u002Fdisable smooth line: \u003Ccode>linesmooth=true\u003C\u002Fcode> (default: true)\u003C\u002Fli>\n\u003Cli>Enable\u002Fdisable line points: \u003Ccode>showpoint=true\u003C\u002Fcode> (default: true)\u003C\u002Fli>\n\u003Cli>Enable\u002Fdisable horizontal bars: \u003Ccode>horizontal=true\u003C\u002Fcode> (default: false)\u003C\u002Fli>\n\u003Cli>Enable\u002Fdisable stacked bars: \u003Ccode>stack=true\u003C\u002Fcode> (default: false)\u003C\u002Fli>\n\u003Cli>Set chart aspect ratio: \u003Ccode>aspect_ratio=3:4\u003C\u002Fcode> (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\u003C\u002Fli>\n\u003Cli>Select chart type: \u003Ccode>chart=bar\u003C\u002Fcode> (default: line) Alternatives: line, bar, pie, donut, percent or piepercent (mix of pie and percent).\u003C\u002Fli>\n\u003Cli>Set label offset: \u003Ccode>label_offset=100\u003C\u002Fcode> (default: false)\u003C\u002Fli>\n\u003Cli>Set chart padding: \u003Ccode>chart_padding=100\u003C\u002Fcode> (default: false)\u003C\u002Fli>\n\u003Cli>Use animations (not available for all chart types): \u003Ccode>animation=buildup\u003C\u002Fcode> (default: false)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>If the “Table Head Row” option is enabled for the table, the Extension will use the head row data for the chart labels.\u003Cbr \u002F>\nThe 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.\u003C\u002Fp>\n\u003Ch4>CSS customizations\u003C\u002Fh4>\n\u003Cp>If you’d like to overide \u003Ca href=\"http:\u002F\u002Fgionkunz.github.io\u002Fchartist-js\u002Fgetting-started.html#the-sass-way\" rel=\"nofollow ugc\">the default style\u003C\u002Fa>, you can add a \u003Ccode>tablepress-chartist-custom.css\u003C\u002Fcode> in \u003Ccode>wp-content\u003C\u002Fcode> directory. It will be loaded after the Extension’s default CSS file \u003Ccode>libdist\u002Fchartist.min.css\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Example:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u002F**\n * SVG Shape CSS properties: http:\u002F\u002Ftutorials.jenkov.com\u002Fsvg\u002Fsvg-and-css.html#shape-css-properties\n *\u002F\n\n\u002F* First line \u002F bar is .ct-series-a, next is .ct-series-b etc. *\u002F\n.ct-chart .ct-series.ct-series-a .ct-bar,\n.ct-chart .ct-series.ct-series-a .ct-line,\n.ct-chart .ct-series.ct-series-a .ct-point  {\n    stroke: #073DA0;\n}\n\n.ct-series .ct-line, .ct-chart .ct-bar {\n    fill: none;\n    stroke-width: 10px;\n}\n\n.ct-chart .ct-point {\n    stroke-width: 10px;\n    stroke-linecap: round;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n","Create a responsive chart based on the data in a TablePress table.",17734,100,5,"2022-04-21T08:43:00.000Z","5.9.13","5.9","",[27,28,29,30],"chart","responsive","table","tablepress","https:\u002F\u002Fgithub.com\u002Fsilsha\u002Ftablepress_chartist","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fcharts-for-tablepress-chartist.0.10.1.zip",0,null,"2026-03-15T15:16:48.613Z"]