Customize Style"

From Documentation
Line 9: Line 9:
 
Here are a list of the themes that you can choose from:
 
Here are a list of the themes that you can choose from:
  
=== Default ===
+
* Default Theme
 
<source lang="java" line="false">
 
<source lang="java" line="false">
 
     chart.setTheme(Theme.DEFAULT);
 
     chart.setTheme(Theme.DEFAULT);
 
</source>
 
</source>
=== Grid ===
+
* Grid Theme
 
<source lang="java" line="false">
 
<source lang="java" line="false">
 
     chart.setTheme(Theme.GRID);
 
     chart.setTheme(Theme.GRID);
 
</source>
 
</source>
=== Skies ===
+
* Skies Theme
 
<source lang="java" line="false">
 
<source lang="java" line="false">
 
     chart.setTheme(Theme.SKIES);
 
     chart.setTheme(Theme.SKIES);
 
</source>
 
</source>
=== Gray ===
+
* Gray Theme
 
<source lang="java" line="false">
 
<source lang="java" line="false">
 
     chart.setTheme(Theme.GRAY);
 
     chart.setTheme(Theme.GRAY);
 
</source>
 
</source>
=== Dark blue ===
+
* Dark Blue Theme
 
<source lang="java" line="false">
 
<source lang="java" line="false">
 
     chart.setTheme(Theme.DARK_BLUE);
 
     chart.setTheme(Theme.DARK_BLUE);
 
</source>
 
</source>
=== Dark green ===
+
* Dark Green Theme
 
<source lang="java" line="false">
 
<source lang="java" line="false">
 
     chart.setTheme(Theme.DARK_GREEN);
 
     chart.setTheme(Theme.DARK_GREEN);

Revision as of 02:49, 6 March 2014

WarningTriangle-32x32.png This page is under construction, so we cannot guarantee the accuracy of the content!

Switching Bwteen Themes

ZK Charts provides many predefined color themes for use.


Here are a list of the themes that you can choose from:

  • Default Theme
1     chart.setTheme(Theme.DEFAULT);
  • Grid Theme
1     chart.setTheme(Theme.GRID);
  • Skies Theme
1     chart.setTheme(Theme.SKIES);
  • Gray Theme
1     chart.setTheme(Theme.GRAY);
  • Dark Blue Theme
1     chart.setTheme(Theme.DARK_BLUE);
  • Dark Green Theme
1     chart.setTheme(Theme.DARK_GREEN);

Customizing Colors

ZK Charts supports applying solid color and gradient color to all color options, such as setBackgroundColor() or setFillColor().

Solid Color

Solid color can be specified as an RGB triplet or in hexadecimal format or any valid color format in browsers:

  • RGB triplet - rgb(186,86,150)
  • Hexadecimal format - #58BA7A

Gradient Color

< Get Complete Source Code of This Book >


Last Update : 2014/03/06

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.