{"id":3588,"date":"2016-06-23T03:00:35","date_gmt":"2016-06-22T19:00:35","guid":{"rendered":"http:\/\/www.finereport.com\/en\/?p=3588"},"modified":"2018-09-11T18:50:31","modified_gmt":"2018-09-11T10:50:31","slug":"data-source-of-dataset","status":"publish","type":"post","link":"https:\/\/frg.fineres.com\/en\/2016\/06\/23\/data-source-of-dataset\/","title":{"rendered":"Two Kinds of  Data Source of Dataset."},"content":{"rendered":"<p>We have learned how to make chart. As we know, chart data in <a title=\"FineReport BI and reporting tool data visualization\" href=\"\/en\/help\/data-visualization\" target=\"_blank\">data visualization<\/a> can be directly from data set and from cell data.<\/p>\n<p>Then, for chart, how to bind data set or the data field chart in the cell or how to display the data in data set.<\/p>\n<p>The chart defines chart data by binding the fields in data set or cells to the category axis, Series name and Series value of chart.<\/p>\n<p>We will give a detailed introduction about different data sources and setting methods of chart data about FineReport <a href=\"http:\/\/www.finereport.com\/en\/\" target=\"_blank\"><span style=\"color: blue;\">reporting tool<\/span><\/a>.<\/p>\n<h3>Field Name as SeriesValue<\/h3>\n<p><strong>1. Description<\/strong><br \/>\nIf chart data can be directly extracted from dataset and chart&#8217;s seriesname is field name, chart series value corresponds to field value, we can define chart through &#8220;data source of dataset-field name as SeriesValue&#8221;.<\/p>\n<p>Like the regional salesvolume chart:<\/p>\n<p><img class=\"aligncenter\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/201662201.png\" alt=\"\" \/><\/p>\n<p><strong>2.Chart Data Source<\/strong><\/p>\n<p>Chart data comes from dataset<br \/>\n<img class=\"aligncenter\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/201662202.png\" alt=\"\" \/><br \/>\nAs known from desired effect<\/p>\n<table class=\"centered\" border=\"1\">\n<tbody>\n<tr>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Category axis<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Area<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Area field<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Series name<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Sales volume<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Sales volume field name<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Series value<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Sales volume value<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Sales volume field value and SUM<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>3.Define Chart Data<\/strong><\/p>\n<p>After affirming Category, SeriesName and SeriesValue, now we set chart data source as shown below:<br \/>\n<img class=\"aligncenter\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/201662203.png\" alt=\"\" \/><\/p>\n<h3>Field Value as SeriesValue<\/h3>\n<p><strong>1.Description<\/strong><\/p>\n<p>If chart data can be directly extracted from dataset and chart&#8217;s seriesname comes from one data column, we can define chart through &#8220;data source of dataset-field value&#8221; as SeriesValue like the template Chart.cpt made in chapter \u201cIntroduction\u2014Chart Making Procedure\u201d.<br \/>\n<img class=\"aligncenter\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/201662204.png\" alt=\"\" \/><\/p>\n<p><strong>2.Chart Data Source<\/strong><\/p>\n<p>Chart data comes from dataset and seriesname is field value.<\/p>\n<p><img class=\"aligncenter\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/201662205.png\" alt=\"\" \/><\/p>\n<p>As known from desired effect<\/p>\n<table class=\"centered\" border=\"1\">\n<tbody>\n<tr>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Category axis<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Area<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Area field<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Series name<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Product name<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Product type field<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Series value<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Sales volume value<\/td>\n<td style=\"text-align: center;\" width=\"200\" height=\"150\">Sales volume fields and SUM<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>3.Define Chart Data<\/strong><\/p>\n<p>After affirming Category, SeriesName and SeriesValue, now we set chart data source as shown below:<br \/>\n<img class=\"aligncenter\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/201662206.png\" alt=\"\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We have learned how to make chart. As we know, chart da&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[111],"tags":[117],"_links":{"self":[{"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/posts\/3588"}],"collection":[{"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/comments?post=3588"}],"version-history":[{"count":14,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/posts\/3588\/revisions"}],"predecessor-version":[{"id":4224,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/posts\/3588\/revisions\/4224"}],"wp:attachment":[{"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/media?parent=3588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/categories?post=3588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/tags?post=3588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}