{"id":19677,"date":"2024-03-15T19:18:10","date_gmt":"2024-03-15T19:18:10","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/"},"modified":"2024-03-21T16:16:23","modified_gmt":"2024-03-21T16:16:23","slug":"what-is-the-basic-structure-of-the-devexpress-chartcontrol","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/","title":{"rendered":"What is the basic structure of the DevExpress chartControl?"},"content":{"rendered":"

The basic structure of DevExpress ChartControl consists of the following components:<\/p>\n

    \n
  1. The Axis: used to display data coordinates, including the horizontal axis (X-axis) and the vertical axis (Y-axis). It can be customized with line styles, tick styles, label styles, etc.<\/li>\n
  2. Series: A series that represents data, which can be different types of charts such as line charts, bar charts, pie charts, etc. Each series can contain multiple data points.<\/li>\n
  3. Data Point: The data point on a chart that includes the data value and corresponding label, which can be added either through data binding or manually.<\/li>\n
  4. Legend: Used to indicate the identities of different series in the chart, making it easier for users to understand the data in the chart.<\/li>\n
  5. Labels: Used to display labels on data points, can be shown above or below the data point. Labels can display data values, percentages, etc.<\/li>\n
  6. Annotation is used to add additional explanatory information on charts, such as titles, comments, etc.<\/li>\n
  7. Chart Area: The section that encompasses the entire chart, allowing for customization such as background color and border style.<\/li>\n
  8. Title of the chart: Used to display the title of the chart, including the ability to customize the style and position of the title.<\/li>\n<\/ol>\n

    The above is the basic structure of DevExpress ChartControl. By setting and combining the properties and styles of these parts, various types of charts can be created and data can be visually displayed.<\/p>\n","protected":false},"excerpt":{"rendered":"

    The basic structure of DevExpress ChartControl consists of the following components: The Axis: used to display data coordinates, including the horizontal axis (X-axis) and the vertical axis (Y-axis). It can be customized with line styles, tick styles, label styles, etc. Series: A series that represents data, which can be different types of charts such as […]<\/p>\n","protected":false},"author":8,"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-19677","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nWhat is the basic structure of the DevExpress chartControl? - 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\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is the basic structure of the DevExpress chartControl?\" \/>\n<meta property=\"og:description\" content=\"The basic structure of DevExpress ChartControl consists of the following components: The Axis: used to display data coordinates, including the horizontal axis (X-axis) and the vertical axis (Y-axis). It can be customized with line styles, tick styles, label styles, etc. Series: A series that represents data, which can be different types of charts such as […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/\" \/>\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-15T19:18:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-21T16:16:23+00:00\" \/>\n<meta name=\"author\" content=\"William Carter\" \/>\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=\"William Carter\" \/>\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\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/\"},\"author\":{\"name\":\"William Carter\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/f697031891aacefc4b681d139781d3c0\"},\"headline\":\"What is the basic structure of the DevExpress chartControl?\",\"datePublished\":\"2024-03-15T19:18:10+00:00\",\"dateModified\":\"2024-03-21T16:16:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/\"},\"wordCount\":243,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/\",\"name\":\"What is the basic structure of the DevExpress chartControl? - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-15T19:18:10+00:00\",\"dateModified\":\"2024-03-21T16:16:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is the basic structure of the DevExpress chartControl?\"}]},{\"@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\/f697031891aacefc4b681d139781d3c0\",\"name\":\"William Carter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g\",\"caption\":\"William Carter\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/williamcarter\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is the basic structure of the DevExpress chartControl? - 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\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/","og_locale":"en_US","og_type":"article","og_title":"What is the basic structure of the DevExpress chartControl?","og_description":"The basic structure of DevExpress ChartControl consists of the following components: The Axis: used to display data coordinates, including the horizontal axis (X-axis) and the vertical axis (Y-axis). It can be customized with line styles, tick styles, label styles, etc. Series: A series that represents data, which can be different types of charts such as […]","og_url":"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-15T19:18:10+00:00","article_modified_time":"2024-03-21T16:16:23+00:00","author":"William Carter","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"William Carter","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/"},"author":{"name":"William Carter","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/f697031891aacefc4b681d139781d3c0"},"headline":"What is the basic structure of the DevExpress chartControl?","datePublished":"2024-03-15T19:18:10+00:00","dateModified":"2024-03-21T16:16:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/"},"wordCount":243,"commentCount":0,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/","url":"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/","name":"What is the basic structure of the DevExpress chartControl? - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-15T19:18:10+00:00","dateModified":"2024-03-21T16:16:23+00:00","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-basic-structure-of-the-devexpress-chartcontrol\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What is the basic structure of the DevExpress chartControl?"}]},{"@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\/f697031891aacefc4b681d139781d3c0","name":"William Carter","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g","caption":"William Carter"},"url":"https:\/\/www.silicloud.com\/blog\/author\/williamcarter\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/19677","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=19677"}],"version-history":[{"count":1,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/19677\/revisions"}],"predecessor-version":[{"id":53431,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/19677\/revisions\/53431"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=19677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=19677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=19677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}