{"id":18348,"date":"2024-03-15T16:44:36","date_gmt":"2024-03-15T16:44:36","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/"},"modified":"2024-03-21T13:05:38","modified_gmt":"2024-03-21T13:05:38","slug":"how-can-multiple-charts-be-drawn-on-a-canvas-in-python","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/","title":{"rendered":"How can multiple charts be drawn on a canvas in Python?"},"content":{"rendered":"<p>In Python, matplotlib library can be used to plot multiple charts. Below is a simple example demonstrating how to plot multiple charts on a canvas.<\/p>\n<pre class=\"post-pre\"><code><span class=\"hljs-keyword\">import<\/span> matplotlib.pyplot <span class=\"hljs-keyword\">as<\/span> plt\r\n\r\n<span class=\"hljs-comment\"># \u521b\u5efa\u753b\u5e03\u548c\u5b50\u56fe<\/span>\r\nfig, axes = plt.subplots(nrows=<span class=\"hljs-number\">2<\/span>, ncols=<span class=\"hljs-number\">2<\/span>)\r\n\r\n<span class=\"hljs-comment\"># \u5728\u5b50\u56fe\u4e2d\u7ed8\u5236\u56fe\u8868<\/span>\r\naxes[<span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">0<\/span>].plot([<span class=\"hljs-number\">1<\/span>, <span class=\"hljs-number\">2<\/span>, <span class=\"hljs-number\">3<\/span>, <span class=\"hljs-number\">4<\/span>], [<span class=\"hljs-number\">1<\/span>, <span class=\"hljs-number\">4<\/span>, <span class=\"hljs-number\">9<\/span>, <span class=\"hljs-number\">16<\/span>])\r\naxes[<span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">0<\/span>].set_title(<span class=\"hljs-string\">'Plot 1'<\/span>)\r\n\r\naxes[<span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">1<\/span>].bar([<span class=\"hljs-string\">'A'<\/span>, <span class=\"hljs-string\">'B'<\/span>, <span class=\"hljs-string\">'C'<\/span>], [<span class=\"hljs-number\">3<\/span>, <span class=\"hljs-number\">7<\/span>, <span class=\"hljs-number\">2<\/span>])\r\naxes[<span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">1<\/span>].set_title(<span class=\"hljs-string\">'Plot 2'<\/span>)\r\n\r\naxes[<span class=\"hljs-number\">1<\/span>, <span class=\"hljs-number\">0<\/span>].scatter([<span class=\"hljs-number\">1<\/span>, <span class=\"hljs-number\">2<\/span>, <span class=\"hljs-number\">3<\/span>, <span class=\"hljs-number\">4<\/span>], [<span class=\"hljs-number\">1<\/span>, <span class=\"hljs-number\">4<\/span>, <span class=\"hljs-number\">9<\/span>, <span class=\"hljs-number\">16<\/span>])\r\naxes[<span class=\"hljs-number\">1<\/span>, <span class=\"hljs-number\">0<\/span>].set_title(<span class=\"hljs-string\">'Plot 3'<\/span>)\r\n\r\naxes[<span class=\"hljs-number\">1<\/span>, <span class=\"hljs-number\">1<\/span>].hist([<span class=\"hljs-number\">1<\/span>, <span class=\"hljs-number\">2<\/span>, <span class=\"hljs-number\">3<\/span>, <span class=\"hljs-number\">1<\/span>, <span class=\"hljs-number\">2<\/span>, <span class=\"hljs-number\">3<\/span>, <span class=\"hljs-number\">1<\/span>, <span class=\"hljs-number\">2<\/span>, <span class=\"hljs-number\">3<\/span>])\r\naxes[<span class=\"hljs-number\">1<\/span>, <span class=\"hljs-number\">1<\/span>].set_title(<span class=\"hljs-string\">'Plot 4'<\/span>)\r\n\r\n<span class=\"hljs-comment\"># \u8c03\u6574\u5b50\u56fe\u4e4b\u95f4\u7684\u95f4\u8ddd<\/span>\r\nplt.tight_layout()\r\n\r\n<span class=\"hljs-comment\"># \u663e\u793a\u56fe\u8868<\/span>\r\nplt.show()\r\n<\/code><\/pre>\n<p>In this example, we first create a canvas containing a 2 by 2 grid of subplots using the plt.subplots() function. Next, we select a specific subplot by indexing axes[row index, column index] and use commonly used plotting functions (such as plot(), bar(), scatter(), hist(), etc.) to draw the actual charts in the subplot. Finally, we adjust the spacing between subplots using the plt.tight_layout() function and display the chart using the plt.show() function.<\/p>\n<p>You can draw different charts in different subplots according to your needs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Python, matplotlib library can be used to plot multiple charts. Below is a simple example demonstrating how to plot multiple charts on a canvas. import matplotlib.pyplot as plt # \u521b\u5efa\u753b\u5e03\u548c\u5b50\u56fe fig, axes = plt.subplots(nrows=2, ncols=2) # \u5728\u5b50\u56fe\u4e2d\u7ed8\u5236\u56fe\u8868 axes[0, 0].plot([1, 2, 3, 4], [1, 4, 9, 16]) axes[0, 0].set_title(&#8216;Plot 1&#8217;) axes[0, 1].bar([&#8216;A&#8217;, &#8216;B&#8217;, &#8216;C&#8217;], [3, [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-18348","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How can multiple charts be drawn on a canvas in Python? - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How can multiple charts be drawn on a canvas in Python?\" \/>\n<meta property=\"og:description\" content=\"In Python, matplotlib library can be used to plot multiple charts. Below is a simple example demonstrating how to plot multiple charts on a canvas. import matplotlib.pyplot as plt # \u521b\u5efa\u753b\u5e03\u548c\u5b50\u56fe fig, axes = plt.subplots(nrows=2, ncols=2) # \u5728\u5b50\u56fe\u4e2d\u7ed8\u5236\u56fe\u8868 axes[0, 0].plot([1, 2, 3, 4], [1, 4, 9, 16]) axes[0, 0].set_title(&#039;Plot 1&#039;) axes[0, 1].bar([&#039;A&#039;, &#039;B&#039;, &#039;C&#039;], [3, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-15T16:44:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-21T13:05:38+00:00\" \/>\n<meta name=\"author\" content=\"Liam\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Liam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/\"},\"author\":{\"name\":\"Liam\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671\"},\"headline\":\"How can multiple charts be drawn on a canvas in Python?\",\"datePublished\":\"2024-03-15T16:44:36+00:00\",\"dateModified\":\"2024-03-21T13:05:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/\"},\"wordCount\":123,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/\",\"name\":\"How can multiple charts be drawn on a canvas in Python? - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-15T16:44:36+00:00\",\"dateModified\":\"2024-03-21T13:05:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How can multiple charts be drawn on a canvas in Python?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671\",\"name\":\"Liam\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g\",\"caption\":\"Liam\"},\"sameAs\":[\"http:\/\/Wilson\"],\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/liamwilson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How can multiple charts be drawn on a canvas in Python? - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/","og_locale":"en_US","og_type":"article","og_title":"How can multiple charts be drawn on a canvas in Python?","og_description":"In Python, matplotlib library can be used to plot multiple charts. Below is a simple example demonstrating how to plot multiple charts on a canvas. import matplotlib.pyplot as plt # \u521b\u5efa\u753b\u5e03\u548c\u5b50\u56fe fig, axes = plt.subplots(nrows=2, ncols=2) # \u5728\u5b50\u56fe\u4e2d\u7ed8\u5236\u56fe\u8868 axes[0, 0].plot([1, 2, 3, 4], [1, 4, 9, 16]) axes[0, 0].set_title('Plot 1') axes[0, 1].bar(['A', 'B', 'C'], [3, [&hellip;]","og_url":"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-15T16:44:36+00:00","article_modified_time":"2024-03-21T13:05:38+00:00","author":"Liam","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Liam","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/"},"author":{"name":"Liam","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671"},"headline":"How can multiple charts be drawn on a canvas in Python?","datePublished":"2024-03-15T16:44:36+00:00","dateModified":"2024-03-21T13:05:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/"},"wordCount":123,"commentCount":0,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/","url":"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/","name":"How can multiple charts be drawn on a canvas in Python? - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-15T16:44:36+00:00","dateModified":"2024-03-21T13:05:38+00:00","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/how-can-multiple-charts-be-drawn-on-a-canvas-in-python\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How can multiple charts be drawn on a canvas in Python?"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671","name":"Liam","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g","caption":"Liam"},"sameAs":["http:\/\/Wilson"],"url":"https:\/\/www.silicloud.com\/blog\/author\/liamwilson\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/18348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=18348"}],"version-history":[{"count":1,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/18348\/revisions"}],"predecessor-version":[{"id":52021,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/18348\/revisions\/52021"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=18348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=18348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=18348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}