{"id":354,"date":"2010-07-23T09:19:36","date_gmt":"2010-07-23T09:19:36","guid":{"rendered":"https:\/\/ibex.tech\/visualcpp\/?p=354"},"modified":"2022-02-17T06:24:05","modified_gmt":"2022-02-17T06:24:05","slug":"creating-new-chart","status":"publish","type":"post","link":"https:\/\/ibex.tech\/visualcpp\/charts\/creating-new-chart","title":{"rendered":"Creating New Chart"},"content":{"rendered":"<h4>Use The Sample Ap<\/h4>\n<p>The fastest way to choose the basic chart setup you want is to use the sample ap, select the chart you want and adjust it as you want. \u00a0The code sample it generates may be good (but isn&#8217;t always, but once you&#8217;ve seen how it works and what options you want then look in the code for that form to see how the chart created.<\/p>\n<h4><strong>Main Properties to set<\/strong><\/h4>\n<p>ChartAreas<\/p>\n<p style=\"padding-left: 30px;\">Defines area where a chart is plotted &#8211; a chart may contain multiple charts (leave as default for a single chart)<\/p>\n<p style=\"padding-left: 30px;\">For each one:<\/p>\n<p style=\"padding-left: 60px;\">Axes &#8211; Define properties for the X and Y axes like appearance and titles<\/p>\n<p style=\"padding-left: 90px;\">Scale Maximum &amp; Minimum (or set dynamically in code instead)<\/p>\n<p style=\"padding-left: 90px;\">Title (or set dynamically in code instead)<\/p>\n<p style=\"padding-left: 60px;\">Location<\/p>\n<p style=\"padding-left: 60px;\">3D properties<\/p>\n<p style=\"padding-left: 60px;\">Lots of other graphic options<\/p>\n<p>Series<\/p>\n<p style=\"padding-left: 30px;\">Defines the ChartType &#8211; this is where you do a lot of the actual chart design.<\/p>\n<p>Definitions involving the chart data<\/p>\n<p style=\"padding-left: 30px;\">Data<\/p>\n<p style=\"padding-left: 60px;\">XValueType &#8211; may be useful to set<\/p>\n<p style=\"padding-left: 60px;\">YValueType &#8211; may be useful to set<\/p>\n<p style=\"padding-left: 30px;\">Map Area<\/p>\n<p style=\"padding-left: 60px;\">Tool Tip &#8211; use this if you want values to be shown when you hover over each item in the chart<\/p>\n<p>Legend<\/p>\n<p style=\"padding-left: 30px;\">Key displayed by side of chart<\/p>\n<p style=\"padding-left: 30px;\">To remove set it to disabled<\/p>\n<p>Custom Properties<\/p>\n<p style=\"padding-left: 30px;\">DrawSideBySide = false<\/p>\n<p style=\"padding-left: 30px;\">EmptyPointValue = Zero<\/p>\n<p style=\"padding-left: 30px;\">Label Style =<\/p>\n<p>Palette<\/p>\n<p style=\"padding-left: 30px;\">Defines the colors set for your chart;<\/p>\n<h5>Things you may want to set dynamically<\/h5>\n<p>Series &gt; Labels<\/p>\n<p style=\"padding-left: 30px;\">Defines text that may be displayed close to axis, points and custom labels.<\/p>\n<h5>Less Likely To Want<\/h5>\n<p>Titles<\/p>\n<p style=\"padding-left: 30px;\">Overall title for a chart if you want that<\/p>\n<h4>Simple chart data example<\/h4>\n<pre><code>\r\n\tarray ^yValues = gcnew array{ 10, 27.5, 7, 12, 45.5};\r\n\tarray ^xNames = gcnew array{ \"Mike\", \"John\", \"William\", \"George\", \"Alex\" };\r\n\tchart1-&gt;Series[0]-&gt;Points-&gt;DataBindXY(xNames, yValues);\r\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Use The Sample Ap The fastest way to choose the basic chart setup you want is to use the sample ap, select the chart you want and adjust it as you want. \u00a0The code sample it generates may be good (but isn&#8217;t always, but once you&#8217;ve seen how it works and what options you want [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43],"tags":[],"class_list":["post-354","post","type-post","status-publish","format-standard","hentry","category-charts"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/visualcpp\/wp-json\/wp\/v2\/posts\/354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/visualcpp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/visualcpp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/visualcpp\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/visualcpp\/wp-json\/wp\/v2\/comments?post=354"}],"version-history":[{"count":8,"href":"https:\/\/ibex.tech\/visualcpp\/wp-json\/wp\/v2\/posts\/354\/revisions"}],"predecessor-version":[{"id":1096,"href":"https:\/\/ibex.tech\/visualcpp\/wp-json\/wp\/v2\/posts\/354\/revisions\/1096"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/visualcpp\/wp-json\/wp\/v2\/media?parent=354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/visualcpp\/wp-json\/wp\/v2\/categories?post=354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/visualcpp\/wp-json\/wp\/v2\/tags?post=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}