{"id":4465,"date":"2017-01-21T03:00:28","date_gmt":"2017-01-20T19:00:28","guid":{"rendered":"http:\/\/www.finereport.com\/en\/?p=4465"},"modified":"2018-09-12T13:59:53","modified_gmt":"2018-09-12T05:59:53","slug":"the-setting-method-of-your-chart-background","status":"publish","type":"post","link":"https:\/\/www.finereport.com\/en\/product-functions\/the-setting-method-of-your-chart-background.html","title":{"rendered":"The Setting Method of Your Chart Background"},"content":{"rendered":"<h3><strong>1. Description<\/strong><\/h3>\n<p>As shown below, one chart can be divided into four areas for better <a title=\"FineReport data analysis\" href=\"\/en\/help\/data-analysis\" target=\"_blank\">data analysis<\/a>: overall chart area (indicated by black box), drawing area (indicated by green background), title area (indicated by blue background) and legend area (indicated by yellow background), and all these are important parts of\u00a0<a title=\"FineReport BI and reporting tool\" href=\"\/en\/\" target=\"_blank\">reporting tool<\/a>\u00a0and\u00a0<a title=\"FineReport reporting and business intelligence tool\" href=\"\/en\/\" target=\"_blank\">business intelligence tool<\/a>.<\/p>\n<p><img src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/0117003.jpg\" alt=\"\" \/><\/p>\n<p>We can click <span style=\"color: purple;\">Chart Property- Style\u00a0<\/span>in the Chart Attribute Panel to <span style=\"color: blue;\"> configure border, background and other attributes<\/span> for these four areas. We can select title background in <span style=\"color: blue;\"> Title<\/span> tag, legend background in <span style=\"color: blue;\"> Legend<\/span> tag and the drawing area along with chart area in the Background tag .<br \/>\nBackground will be described in detail below.<\/p>\n<h3><strong>2. Chart area<\/strong><\/h3>\n<p><strong>2.1 Border<\/strong><\/p>\n<p>Add borders to and set border color for edges of chart area by the Border Style.<br \/>\nSelect Chart. Click the <span style=\"color: purple;\"> Chart Property- Style&gt; Background &gt; Chart Area<\/span> to configure borders.<br \/>\nDefault borders are angular and we can obtain rounded and bold-line borders by checking Rounded Border and configuring Line Style as bold as shown below:<\/p>\n<p><img src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/0117004.jpg\" alt=\"\" \/><\/p>\n<p><strong>2.2 Background<\/strong><\/p>\n<p>Settings for the chart area include background color, texture, pattern, picture and gradient color as shown below:<\/p>\n<p><img src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/0117005.jpg\" alt=\"\" \/><\/p>\n<h3><strong>3. Drawing area<\/strong><\/h3>\n<p>Style settings of the drawing area include: border, background, interval background and grid line, of which settings of border and background are the same as those of chart area and will not be repeated again. The interval background and grid line will be described in detail below.<\/p>\n<p><img src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/0117006.jpg\" alt=\"\" \/><\/p>\n<p><img src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/0117007.jpg\" alt=\"\" \/><\/p>\n<p><strong>3.1 Interval background<\/strong><\/p>\n<p>We can add interval background to the drawing area based on grid lines of horizontal and vertical coordinates.<\/p>\n<p><strong>3.2 Grid line<\/strong><\/p>\n<p>Select Chart. We can click Chart Property \u00a0&#8211; Style &gt; Area &gt; Drawing Area in the Chart Attribute Panel to add grid lines.<br \/>\nAs shown below:<\/p>\n<p><img src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/0117008.jpg\" alt=\"\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As shown below, one chart can be divided into four areas for better data analysis: overall chart area (indicated by black box), drawing area (indicated by green background), title area (indicated by blue background) and legend area (indicated by yellow background), and all these are important parts of reporting tool and business intelligence tool.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[111],"tags":[126,117],"yst_prominent_words":[604,1222],"_links":{"self":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/4465"}],"collection":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/comments?post=4465"}],"version-history":[{"count":2,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/4465\/revisions"}],"predecessor-version":[{"id":4762,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/4465\/revisions\/4762"}],"wp:attachment":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/media?parent=4465"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/categories?post=4465"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/tags?post=4465"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/yst_prominent_words?post=4465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}