{"id":73642,"date":"2022-01-25T13:11:14","date_gmt":"2022-01-25T13:11:14","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=73642"},"modified":"2023-05-17T12:56:31","modified_gmt":"2023-05-17T12:56:31","slug":"pie-and-donut-charts","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/pie-and-donut-charts\/","title":{"rendered":"Pie and Donut Charts block for Gutenberg"},"content":{"rendered":"\n
<\/div>
\n
\n

Pie & Donut Charts
GUTENBERG<\/span> block<\/h1>

A straightforward custom block for displaying
comprehensive charts which you can easily customize<\/p>

\n
TRY QI BLOCKS<\/span><\/a><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Fully flexible block<\/span><\/h6>

Stylize your donut charts<\/h2><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
<\/canvas><\/div><\/div>
Our new project<\/h5>

Lorem ipsum dolor sit amet<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
<\/canvas><\/div><\/div>
Study results<\/h5>

Lorem ipsum dolor sit amet<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
<\/canvas><\/div><\/div>
Statistical data<\/h5>

Lorem ipsum dolor sit amet<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n
<\/div>
\n
\n

Colors & more<\/h2>

Pick background, hover and border colors and feature
pattern images for each individual graph item. <\/span><\/h5><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
<\/canvas><\/div><\/div>
Happy customers<\/h5>

Lorem ipsum dolor sit amet<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
<\/canvas><\/div><\/div>
Cups of coffee<\/h5>

Lorem ipsum dolor sit amet<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n\n\n\n

<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Style each item separately<\/span><\/h6>

Fully flexible pie charts<\/h2><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
<\/canvas><\/div><\/div>
Our new project<\/h5>

Lorem ipsum dolor sit amet<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
<\/canvas><\/div><\/div>
Our new project<\/h5>

Lorem ipsum dolor sit amet<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
<\/canvas><\/div><\/div>
Our new project<\/h5>

Lorem ipsum dolor sit amet<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
<\/div><\/div>\n\n\n\n
\n
<\/div>
\n
\n
Pick your styles<\/span><\/h6>

Chart colors<\/h2>

Change backgrounds, colors on hover & border colors for
each item, display background images & more.<\/p><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n
<\/canvas><\/div><\/div>
Our new project<\/h5>

Lorem ipsum dolor sit amet<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
<\/canvas><\/div><\/div>
Our new project<\/h5>

Lorem ipsum dolor sit amet<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n
Fully adaptable<\/span><\/h6>

Legend and text styles<\/h2><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
<\/canvas><\/div><\/div>
Working spaces<\/h5>

His oporteat explicari quaerendum ex, quo vidisse ancillae postulant, sed<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
<\/canvas><\/div><\/div>
Our new project<\/h5>

His oporteat explicari quaerendum ex, quo vidisse ancillae postulant, sed<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
<\/canvas><\/div><\/div>
Study results<\/h5>

His oporteat explicari quaerendum ex, quo vidisse ancillae postulant, sed<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n
<\/div>
\n
\n
Include more info<\/span><\/h6>

In-depth pie charts<\/h2>

Feature a legend for your entries, add some text, choose
chart alignment and a whole lot more.<\/p><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n
<\/canvas><\/div><\/div>
Cups of coffee<\/h5>

His euismod oporteat ea vero<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
<\/canvas><\/div><\/div>
Happy customers<\/h5>

His euismod oporteat ea vero<\/p><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n\n\n\n

<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

Your donut charts<\/h2>

Mix & match different options and style selections to create
a wide variety of eye-catching donut charts. <\/span><\/h5>

Enable donut chart legends and choose where you wish to position
them, customize typography and set text colors & margins, easily
adjust the chart width, pick how you wish to style your borders\u2026 best of
all, it all takes just a couple of clicks!<\/p>

\n
View More<\/span><\/a><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
<\/canvas><\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Get Qi Blocks for Gutenberg with 80 professionally designed custom blocks for creating modern websites the easy way. Experience Full Site Editing executed to perfection!<\/h5><\/div>
\n
View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"qi-full-width.php","meta":{"footnotes":""},"class_list":["post-73642","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/comments?post=73642"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73642\/revisions"}],"predecessor-version":[{"id":85337,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73642\/revisions\/85337"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=73642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}