{"id":7930,"date":"2023-10-26T17:06:36","date_gmt":"2023-10-26T11:36:36","guid":{"rendered":"https:\/\/innovationm.co\/?p=7930"},"modified":"2023-10-26T17:06:36","modified_gmt":"2023-10-26T11:36:36","slug":"customizing-axes-in-syncfusion-flutter-charts","status":"publish","type":"post","link":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/","title":{"rendered":"Customizing Axes in Syncfusion Flutter Charts"},"content":{"rendered":"<p>Syncfusion is a software company that provides a wide range of components and tools for building cross-platform applications, including Flutter. They offer a set of Flutter widgets, including charts, to help developers create interactive and visually appealing data visualizations in their Flutter applications.<\/p>\n<p>Syncfusion&#8217;s Flutter charts also provide a wide range of customization options, interactivity features like tooltips and selection, and support for real-time updates, making them a powerful choice for building data-driven Flutter applications. All the major features and customizing options are available for the axes in the Syncfusion Flutter Charts widget.<\/p>\n<p style=\"text-align: center;\"><strong>Add Flutter Charts to an application<\/strong><\/p>\n<p style=\"text-align: left;\"><strong>Add dependency<\/strong><\/p>\n<p style=\"text-align: left;\">To add Flutter Charts to your Flutter application, you&#8217;ll need to follow a series of steps, including importing the necessary dependencies, creating a chart widget, and configuring your data.<\/p>\n<p>Open your project&#8217;s pubspec.yaml file and add the Syncfusion Flutter Charts dependency. You can find the latest version on the Syncfusion Flutter Charts page.<\/p>\n<pre>Dependencies:\r\nsyncfusion_flutter_charts: ^your_version_here<\/pre>\n<p style=\"text-align: center;\"><strong>Axis elements<\/strong><\/p>\n<p>Customizing axes in Syncfusion Flutter Charts allows you to control the appearance and behavior of the chart&#8217;s axes to better suit your data visualization needs.<br \/>\nHere are some common customization options for axes in Syncfusion Flutter Charts:<\/p>\n<p>\u25cf Axis line<br \/>\n\u25cf Axis title<br \/>\n\u25cf Major and minor grid lines<br \/>\n\u25cf Major and minor tick lines<br \/>\n\u25cf Axis labels<\/p>\n<p style=\"text-align: center;\"><strong>Axes customization features<\/strong><\/p>\n<p><strong>1. Opposed axis<\/strong><br \/>\nyou can create opposed axes by adding additional axes to your chart.<br \/>\nOpposed axes are typically used in scenarios where you want to display multiple series of data with different scales or units on the same chart.<br \/>\nHere&#8217;s how you can create opposed axes in Syncfusion Flutter Charts:<\/p>\n<p><em>opposedPosition:true<\/em><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone  wp-image-7933\" src=\"https:\/\/innovationm.co\/wp-content\/uploads\/2023\/10\/b1-1-300x138.png\" alt=\"\" width=\"420\" height=\"193\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b1-1-300x138.png 300w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b1-1-1024x470.png 1024w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b1-1-768x352.png 768w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b1-1-624x286.png 624w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b1-1.png 1042w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/><\/p>\n<p><strong>2. Inversed axis<\/strong><br \/>\nyou can create an inversed or reversed axis by using the isInversed property.<br \/>\nBy using the isInversed property, you can effectively create inversed or reversed axes in Syncfusion Flutter Charts to suit your specific data visualization requirements.<br \/>\nHere&#8217;s how to do it for both X and Y axes:<\/p>\n<p><em>isInversed: true<\/em><\/p>\n<p><img decoding=\"async\" class=\"alignnone  wp-image-7934\" src=\"https:\/\/innovationm.co\/wp-content\/uploads\/2023\/10\/b2-1-300x125.png\" alt=\"\" width=\"401\" height=\"167\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b2-1-300x125.png 300w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b2-1-1024x428.png 1024w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b2-1-768x321.png 768w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b2-1-624x261.png 624w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b2-1.png 1116w\" sizes=\"(max-width: 401px) 100vw, 401px\" \/><\/p>\n<p><strong>3. Axis crossing<\/strong><br \/>\nIn Syncfusion Flutter Charts, you can customize the axis crossing point using the crossesAt property.<br \/>\nHere&#8217;s how to set the axis crossing point for both the x-axis and y-axis:<\/p>\n<p><em>crossesAt :250<\/em><\/p>\n<p><img decoding=\"async\" class=\"alignnone  wp-image-7935\" src=\"https:\/\/innovationm.co\/wp-content\/uploads\/2023\/10\/b3-300x136.png\" alt=\"\" width=\"397\" height=\"180\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b3-300x136.png 300w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b3-768x349.png 768w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b3-624x284.png 624w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b3.png 998w\" sizes=\"(max-width: 397px) 100vw, 397px\" \/><\/p>\n<p><strong>4. Multiple axes<\/strong><\/p>\n<p>Multiple axes in a chart are used when you want to display multiple data series with different units or scales on the same chart.<br \/>\nSyncfusion Flutter Charts allow you to create multiple axes, both primary and secondary, to accommodate these scenarios.<br \/>\nPrimary Axes: The primary axes are the default axes created automatically when you define your chart. You can customize these axes based on your needs. Secondary Axes: Secondary axes are additional axes that you can add to your chart. These can be positioned either horizontally (top or bottom) or vertically (left or right) depending on the axis type and your data.<\/p>\n<p>Here&#8217;s how you can create and configure multiple axes in Syncfusion Flutter Charts:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-7936\" src=\"https:\/\/innovationm.co\/wp-content\/uploads\/2023\/10\/b4-258x300.png\" alt=\"\" width=\"390\" height=\"453\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b4-258x300.png 258w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b4-881x1024.png 881w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b4-768x893.png 768w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b4-1322x1536.png 1322w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b4-624x725.png 624w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b4.png 1554w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/><\/p>\n<p><strong>5. Axis Animation<\/strong><\/p>\n<p>Axis animation in Syncfusion Flutter Charts refers to the smooth transition or animation effects applied to the chart&#8217;s axes when the chart is initially rendered or when data is updated.<br \/>\nThese animations make your charts more visually appealing and help users understand changes in data over time.<br \/>\nSyncfusion Flutter Charts provides various built-in animations for axes.<br \/>\nEnable Animation for Axes: To enable axis animation, set the animateAxis property to true for the specific axis you want to animate. This property is available for both primary and secondary axes.<br \/>\nAnimation Duration: You can control the duration of the axis animation using the animationDuration property. This property sets the time, in milliseconds, for the animation to complete.<br \/>\nEasing Curve: Syncfusion Flutter Charts also allows you to customize the easing curve of the axis animation using the easingType property.<br \/>\nYou can use different easing types like linear, easeIn, easeOut, easeInOut, etc. Here&#8217;s how to enable axis animations:<\/p>\n<p><em>enableAxisAnimation: true<\/em><br \/>\n<em>animationDuration: 1000,<\/em><br \/>\n<em>easingType: EasingType.easeInOut,<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-7937\" src=\"https:\/\/innovationm.co\/wp-content\/uploads\/2023\/10\/b5-300x65.png\" alt=\"\" width=\"415\" height=\"90\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b5-300x65.png 300w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b5-768x166.png 768w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b5-624x135.png 624w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b5.png 980w\" sizes=\"(max-width: 415px) 100vw, 415px\" \/><\/p>\n<p><strong>6. Edge label placement<\/strong><\/p>\n<p>Syncfusion Flutter Charts provides options for customizing the placement of axis labels to ensure they are well-positioned and do not overlap or clutter the chart. Label Position:<br \/>\nYou can set the labelPosition property of the CategoryAxis to control the placement of labels on the x-axis.<br \/>\nThe available options are outside, inside, and betweenTicks.<br \/>\noutside: Labels are placed outside the axis line.<br \/>\ninside: Labels are placed inside the axis line.<br \/>\nbetweenTicks: Labels are placed between the tick marks.<\/p>\n<p><em>edgeLabelPlacement: EdgeLabelPlacement.shift<\/em><br \/>\n<em>labelPosition: LabelPosition.outside,<\/em><br \/>\n<em>labelRotation: 45,<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-7938\" src=\"https:\/\/innovationm.co\/wp-content\/uploads\/2023\/10\/b6-300x207.png\" alt=\"\" width=\"412\" height=\"284\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b6-300x207.png 300w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b6-1024x705.png 1024w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b6-768x529.png 768w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b6-624x430.png 624w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b6.png 1162w\" sizes=\"(max-width: 412px) 100vw, 412px\" \/><\/p>\n<p><strong>Complete Code Example \u2013<\/strong><br \/>\nHere&#8217;s a basic example of how to create a chart using the Syncfusion Flutter Charts package:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-7939\" src=\"https:\/\/innovationm.co\/wp-content\/uploads\/2023\/10\/b7-249x300.png\" alt=\"\" width=\"410\" height=\"494\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b7-249x300.png 249w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b7-851x1024.png 851w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b7-768x925.png 768w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b7-1276x1536.png 1276w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b7-624x751.png 624w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/b7.png 1608w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Syncfusion is a software company that provides a wide range of components and tools for building cross-platform applications, including Flutter. They offer a set of Flutter widgets, including charts, to help developers create interactive and visually appealing data visualizations in their Flutter applications. Syncfusion&#8217;s Flutter charts also provide a wide range of customization options, interactivity [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7940,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[568,71,102],"tags":[703,928,937,936,935,739],"class_list":["post-7930","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-flutter","category-mobile","category-web-service","tag-flutter","tag-flutter-blog","tag-flutter-blogging","tag-flutter-charts","tag-flutter-syncfusion","tag-tech-blog"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Customizing Axes in Syncfusion Flutter Charts - InnovationM - Blog<\/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.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizing Axes in Syncfusion Flutter Charts - InnovationM - Blog\" \/>\n<meta property=\"og:description\" content=\"Syncfusion is a software company that provides a wide range of components and tools for building cross-platform applications, including Flutter. They offer a set of Flutter widgets, including charts, to help developers create interactive and visually appealing data visualizations in their Flutter applications. Syncfusion&#8217;s Flutter charts also provide a wide range of customization options, interactivity [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/\" \/>\n<meta property=\"og:site_name\" content=\"InnovationM - Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-26T11:36:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/Customizing-Axes-in-Syncfusion-Flutter-Charts.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"InnovationM Admin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InnovationM Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/\"},\"author\":{\"name\":\"InnovationM Admin\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\"},\"headline\":\"Customizing Axes in Syncfusion Flutter Charts\",\"datePublished\":\"2023-10-26T11:36:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/\"},\"wordCount\":751,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Customizing-Axes-in-Syncfusion-Flutter-Charts.png\",\"keywords\":[\"flutter\",\"flutter blog\",\"flutter blogging\",\"flutter charts\",\"flutter Syncfusion\",\"tech blog\"],\"articleSection\":[\"Flutter\",\"Mobile\",\"Web service\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/\",\"name\":\"Customizing Axes in Syncfusion Flutter Charts - InnovationM - Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Customizing-Axes-in-Syncfusion-Flutter-Charts.png\",\"datePublished\":\"2023-10-26T11:36:36+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Customizing-Axes-in-Syncfusion-Flutter-Charts.png\",\"contentUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Customizing-Axes-in-Syncfusion-Flutter-Charts.png\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/customizing-axes-in-syncfusion-flutter-charts\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customizing Axes in Syncfusion Flutter Charts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/\",\"name\":\"InnovationM - Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\",\"name\":\"InnovationM Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"caption\":\"InnovationM Admin\"},\"sameAs\":[\"http:\\\/\\\/www.innovationm.com\\\/\"],\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/author\\\/innovationmadmin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customizing Axes in Syncfusion Flutter Charts - InnovationM - Blog","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.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/","og_locale":"en_US","og_type":"article","og_title":"Customizing Axes in Syncfusion Flutter Charts - InnovationM - Blog","og_description":"Syncfusion is a software company that provides a wide range of components and tools for building cross-platform applications, including Flutter. They offer a set of Flutter widgets, including charts, to help developers create interactive and visually appealing data visualizations in their Flutter applications. Syncfusion&#8217;s Flutter charts also provide a wide range of customization options, interactivity [&hellip;]","og_url":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/","og_site_name":"InnovationM - Blog","article_published_time":"2023-10-26T11:36:36+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/Customizing-Axes-in-Syncfusion-Flutter-Charts.png","type":"image\/png"}],"author":"InnovationM Admin","twitter_misc":{"Written by":"InnovationM Admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/#article","isPartOf":{"@id":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/"},"author":{"name":"InnovationM Admin","@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed"},"headline":"Customizing Axes in Syncfusion Flutter Charts","datePublished":"2023-10-26T11:36:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/"},"wordCount":751,"commentCount":0,"image":{"@id":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/#primaryimage"},"thumbnailUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/Customizing-Axes-in-Syncfusion-Flutter-Charts.png","keywords":["flutter","flutter blog","flutter blogging","flutter charts","flutter Syncfusion","tech blog"],"articleSection":["Flutter","Mobile","Web service"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/","url":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/","name":"Customizing Axes in Syncfusion Flutter Charts - InnovationM - Blog","isPartOf":{"@id":"https:\/\/www.innovationm.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/#primaryimage"},"image":{"@id":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/#primaryimage"},"thumbnailUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/Customizing-Axes-in-Syncfusion-Flutter-Charts.png","datePublished":"2023-10-26T11:36:36+00:00","author":{"@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed"},"breadcrumb":{"@id":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/#primaryimage","url":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/Customizing-Axes-in-Syncfusion-Flutter-Charts.png","contentUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2023\/10\/Customizing-Axes-in-Syncfusion-Flutter-Charts.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/www.innovationm.com\/blog\/customizing-axes-in-syncfusion-flutter-charts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.innovationm.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Customizing Axes in Syncfusion Flutter Charts"}]},{"@type":"WebSite","@id":"https:\/\/www.innovationm.com\/blog\/#website","url":"https:\/\/www.innovationm.com\/blog\/","name":"InnovationM - Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.innovationm.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed","name":"InnovationM Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","caption":"InnovationM Admin"},"sameAs":["http:\/\/www.innovationm.com\/"],"url":"https:\/\/www.innovationm.com\/blog\/author\/innovationmadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts\/7930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/comments?post=7930"}],"version-history":[{"count":0,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts\/7930\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/media\/7940"}],"wp:attachment":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/media?parent=7930"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/categories?post=7930"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/tags?post=7930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}