{"id":4473,"date":"2017-01-23T03:00:04","date_gmt":"2017-01-22T19:00:04","guid":{"rendered":"http:\/\/www.finereport.com\/en\/?p=4473"},"modified":"2019-10-14T16:18:17","modified_gmt":"2019-10-14T08:18:17","slug":"how-to-make-pre-defined-chart-style","status":"publish","type":"post","link":"https:\/\/www.finereport.com\/en\/product-functions\/how-to-make-pre-defined-chart-style.html","title":{"rendered":"How to Make Pre-defined Chart Style?"},"content":{"rendered":"

1. Description<\/strong><\/h3>\n

Pre-defined chart style refers to the styles predefined at Server side and available for all templates so as to display better data analysis<\/a>. If a certain pre-defined color style is selected, it will be used as the default style of newly created charts.<\/p>\n

Note: styles set in the Chart Series<\/span> of templates are prior to the default style.<\/span><\/p>\n

2. Example<\/strong><\/h3>\n

2.1 Built-in color matching scheme<\/strong><\/p>\n

Open report designer<\/a>, a great dashboard software<\/a>. Click Server > Pre-defined Chart Color<\/span> to view several predefined color matching schemes built in the FineReport as shown below:<\/p>\n

\"\"<\/p>\n

2.2 Pre-defined color for new chart<\/strong><\/p>\n

Click Add button in the Pre-defined Chart Color Panel to add new predefined colors. Color matching can be customized in 2 ways, including Precision Setting and Gradient Color as shown below:<\/p>\n

\"\"<\/p>\n

Precision Setting<\/strong>: total 32 kinds of color are available in Precision Setting, each of which is precisely selected by the user. Click small blocks of color in the interface, \u201cSelect Color\u201d dialog will pop up, in which you can select color as required. All colors displayed in the chart are also horizontally obtained from such 32 kinds of colors in turn. If number of series is more than 32, then these colors will be recycled. In Precision Setting, all color charts are modified in the color chart of default color matching.<\/p>\n

Gradient Color<\/strong>: users only need to select start color and end color, and detailed color change may be subject to Series range.<\/p>\n

2.3 Setting color matching<\/strong><\/p>\n

We use the Precision Setting by clicking the previous three color blocks to configure different colors as shown below:<\/p>\n

\"\"<\/p>\n

2.4 Effect viewing<\/strong><\/p>\n

Open template: %FR_HOME%\\WebReport\\WEB-INF\\reportlets\\doc\\advanced\\Chart\\FloatChart.cpt,<\/span> Click Chart Property\u00a0– Style > Series<\/span> to identify that defaults options are selected for color matching and style of the chart in the template as shown below:<\/p>\n

\"\"<\/p>\n

Click Page Break Preview to identify that its color matching scheme is the same as default style as shown below:<\/p>\n

\"\"<\/p>\n

2.5 Change template style<\/strong><\/p>\n

Click Chart Property\u00a0– Style > Series<\/span>, select Custom > Gradient Color<\/span> for color matching and plane 3D Style as shown below:<\/p>\n

\"\"<\/p>\n

Save the template. Click Page Break Preview to view the effect as shown below. Template styles are significantly different from defaults styles, i.e. if in the Style settings of Chart Property, defaults options are selected for color matching and style of Series, then the style selected in the default color matching scheme under Server > Chart<\/span> will be applied as the style of chart. If default options are not selected, then the color matching scheme and style in Chart Property – Style > Series<\/span> will be applied in the chart.<\/p>\n

\"\"<\/p>\n

3. Summary<\/strong><\/h3>\n

If you want to modify color and style of a chart, you can separately configure Series Style in the Attribute Table. To configure color and style of all templates, you can add a default style in the Server > Pre-defined Chart Color as the global style. If the color matching scheme of a chart is separately configured, the global style are disabled.<\/p>\n

Note: default styles of chart do not apply to stock chart, dashboard, map and gis map.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Pre-defined chart style refers to the styles predefined at Server side and available for all templates so as to display better data analysis. If a certain pre-defined color style is selected, it will be used as the default style of newly created charts.<\/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":[3345],"_links":{"self":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/4473"}],"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=4473"}],"version-history":[{"count":3,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/4473\/revisions"}],"predecessor-version":[{"id":8299,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/4473\/revisions\/8299"}],"wp:attachment":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/media?parent=4473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/categories?post=4473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/tags?post=4473"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/yst_prominent_words?post=4473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}